An open API service indexing awesome lists of open source software.

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

Coding challenges with TypeScript!
https://github.com/yantavares/coding-challenges

ai automata coding-challenges graph-algorithms p5js

Last synced: 11 months ago
JSON representation

Coding challenges with TypeScript!

Awesome Lists containing this project

README

          

# 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](https://nodejs.org/) (which includes npm).

### Project Setup

1. **Clone the Repository**:

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

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

2. **Navigate to the Project Directory**:

Change into the project directory:

```bash
cd coding-challenges
```

3. **Install Dependencies**:

Install the project dependencies using npm:

```bash
npm install
```

### Running the Project

1. **Start the Development Server**:

To start the development server, run:

```bash
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](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/](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.