Run The Frontend Webpage Locally

1. Clone this repo

Make sure Git is installed, and run:

git clone https://github.com/swqa7697/cs6650-frontend.git
cd cs6650-frontend

2. Configure

• Find the 'config.json' file under the directory '/cs6650-frontend/src/config'
  • Replace the value of BASE_URL with the Invoke URL of the Amazon API Gateway you created (instructions are in the repo of backend)
• Find the 'aws-config.js' file under the directory '/cs6650-frontend/src/util'
  • Replace the value of userPoolId and userPoolClientId with your credentials of user pool you created in Amazon Cognito
  • To find the userPoolClientId, enter the user pool in the AWS console, and find App integration
  • You can see the Client ID in the bottom of the page under App client list
  • If you don't have an app client created yet, click on Create app client
    • Choose Public client as App type, specify an App client name, choose Don't generate a client secret, and click Create app client

3. Install Dependencies

Make sure Node.js and NPM are installed in your system

Under the directory '/cs6650-frontend', run the command:

npm install

4. Start Frontend

Run the command:

npm run dev

Then, you can use a browser like Chrome to open the link shown in the console (generally to be http://localhost:5173)