This is the front-end part of the project, built using React, located inside the client directory. Below are the instructions to run the React app locally, allowing you to edit and see the changes in real-time.
Follow these steps to set up and run the project locally on your machine.
Make sure you have the following installed:
- Node.js: Download and install it from here.
- npm: Node Package Manager, which comes with Node.js, is used to install the dependencies.
- Open a terminal and navigate to the
clientdirectory:cd client - Install all the required libraries and dependencies:
Run the following command to install all the necessary npm packages:
npm install
- Start the React app:
To run the app locally, execute:
npm run start
- Once the app starts successfully, it will open in your default web browser. Any changes you make to the code will automatically refresh the browser.
After following the steps above, you can now edit the code in the client directory. Any changes you make to the React components will immediately reflect in the browser.
- If you run into any issues, make sure your Node.js version is
20.x.xand npm to be up to date. - By default, the app will run on http://localhost:3000. If that port is already in use, it will automatically suggest an alternative.