yantavares / coding-challenges

Coding challenges with TypeScript!

React Coding Challenges with TS and p5.js

Introduction

Welcome to our collection of interactive coding challenges implemented in React using the p5.js library. This project showcases a variety of challenges, each offering a unique blend of creative coding and interactive experiences. Our website features a home page where users can select and engage with different coding challenges.

Getting Started

This project is set up using Vite, a fast and modern build tool for JavaScript projects. Follow these steps to get started with development.

Prerequisites

Before running the project, make sure you have the following installed:

• Node.js (which includes npm).

Project Setup

1. Clone the Repository:

   Start by cloning the repository to your local machine. You can do this by running:

   git clone https://github.com/yantavares/coding-challenges.git

2. Navigate to the Project Directory:

   Change into the project directory:

   cd coding-challenges

3. Install Dependencies:

   Install the project dependencies using npm:

   npm install

Running the Project

1. Start the Development Server:

   To start the development server, run:

   npm run dev

   This command will start the Vite development server.

2. Open the Project:

   Once the server is running, you can view the project in your browser. Typically, it will be available at http://localhost:5173.

Navigating the Website

• On the home page, you'll find a list of available coding challenges.
• Select any challenge to view and interact with it.
• Each challenge is a unique experience designed to showcase the capabilities of p5.js within a React environment.

Deployment

The project has now been deployed and is available for public access. You can visit the live website at https://yantavares.github.io/coding-challenges/.

Contributing

Contributions to this project are welcome! If you have ideas for new challenges or improvements to existing ones, feel free to contribute.