- Install Node.js, npm, Visual Studio Code, and Git.
- Clone the project repository using Git.
- Open the project in VS Code.
- Install the project dependencies.
- Update IP configurations.
- Run the application.
- Access the application.
To run the application locally, make sure the following tools are installed on your machine:
- Node.js and npm (Node Package Manager)
- Node.js allows JavaScript applications to run outside of a browser.
- npm is used to install and manage project dependencies.
Verify Node.js and npm installation: After installation, check if they’re functioning by opening Command Prompt or Terminal and running the following commands:
node -v
npm -v
If these commands don’t return the installed versions, there may have been a configuration issue.
-
Visual Studio Code (VS Code)
- VS Code will be the main code editor for this project.
- Download from the official site: Visual Studio Code.
-
Git
- Git manages code versioning and collaboration, allowing repository cloning and seamless teamwork.
- Download from the official site: Git.
If the project isn’t already downloaded, clone the GitHub repository with these steps:
- Open Command Prompt or Terminal, then run:
git clone https://github.com/iraduq/finalproject.git
- After cloning, navigate to the project’s root directory:
cd finalproject
- Launch Visual Studio Code.
- From the top menu, go to File -> Open Folder and select the project folder (
finalproject
).
In the VS Code terminal, run the following command to install dependencies:
npm install
Before running the application, ensure the IPs and ports on the server are configured correctly:
- Open the file
config.ts
located in the project’ssrc
directory (finalproject/src/config.ts
). - Update the IP address to match the server's IP.
Once dependencies are installed and IP configurations are updated, you can run the application locally:
npm run dev
If everything is configured correctly, you should see links to the online site. Click the link containing "localhost" to access the application.