yantavares / coding-challenges

Coding challenges with TypeScript!

Home Page:https://yantavares.github.io/coding-challenges/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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:

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.

About

Coding challenges with TypeScript!

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


Languages

Language:TypeScript 91.6%Language:JavaScript 6.3%Language:CSS 1.5%Language:HTML 0.7%