Code Conductor

Figma Design

• 
• 

Prerequisites

Before you begin, ensure you have installed the latest versions of:

• Node.js - Download Node.js LTS Version
• Git - Download Git
• Visual Studio Code - Download VSCode
  • Make sure to install the following extensions:
    • React Extension Pack
    • Better Comments

Resources

• GIT (Version Control)

  • Git in 100 seconds
  • Git Pull Requests in 100 seconds

• HTML

  • HTML/CSS/JS in 30 minutes

• TYPESCRIPT

  • TypeScript in 100 seconds
    • You do NOT need to "learn" TypeScript, it is literally just JavaScript but strongly-typed. TypeScript simply prevents you from doing something like:

    let text = "Hello, world!";
    text = 0; // This is valid JavaScript

    Here's what the code would look like in TypeScript:

    let text: string = "Hello, world!";
    text = 0; // Syntax error in TypeScript!

• REACT

  • I'm only presuming @Abdul knows some React. The tasks I am giving the rest of you DO NOT require React knowledge, only HTML, CSS, and JavaScript (at least during the beginning of the project). However, you should still watch the following video to get a general idea of what's going on:

  React in 100 seconds

Getting Started

To get a local copy up and running, follow these simple steps.

Clone the Repository

First, clone the repository to your local machine:

git clone https://github.com/AliBdeir/code-conductor.git

Navigate to the Repository

Change to the project directory:

cd code-conductor

Install Dependencies

Install the necessary packages:

npm install

Run the Application

Finally, start the Vite server:

npm run dev

The application should now be running on http://localhost:3000. You can type "o" into the command line and it should open it in your default browser or you can just enter the url into your browser manually.

License

This project is licensed under the MIT License.