Project Setup and Execution:
First of all you need to download source code of the web application.
To initiate the development process, access Visual Studio Code. Open the project by navigating to the project folder and selecting it from the IDE's file explorer.
Once the project is open, proceed to the terminal within Visual Studio Code. Change the directory to the "…/prototype/backend" folder, which stores the backend components of our web application.
In the terminal, execute the command npm install to automatically install all the required dependencies for the backend. Ensure that the process completes successfully before proceeding to the next step.
With the dependencies installed, start the backend server by running the command npm start in the terminal. The server will be launched and configured to listen on port 8000.
To activate the frontend of the web application, change the directory to the frontend folder.
In the terminal, execute the command npm install --legacy-peer-deps to install all the frontend dependencies.
IMPORTANT: Due to some conflicts in the dependencies we need to run npm install with the --legacy-peer-deps Wait for the installation to finish before proceeding further.
Finally, initiate the frontend application by entering the command npm start in the terminal. The web application will be launched and automatically opened in a new browser window.
By following these steps diligently, the web application will be up and running, with both the backend and frontend components seamlessly integrated. This setup allows for efficient development and testing, ensuring a smooth and successful project execution.