[Bug] Unexpected 404 Error at Root URL on Localhost with Existing Project

[YuxinZhang214]

Describe the bug

• When I navigate to http://localhost:3000/ in my browser, I receive a 404 error despite the existing project running correctly.
• The project is set up correctly, and the server has been started at 0.0.0.0:3000, accessible via the URL http://localhost:3000 as prompted in the terminal.

Possible Cause

• The base URL is set to /nurse-rostering for both development and deployment server

To Reproduce
Steps to reproduce the behaviour:

1. Run the project locally with npm run dev.
2. Open a web browser.
3. Navigate to http://localhost:3000/.
4. See the error "404 - Page Not Found".

Expected behaviour
Upon navigating to the root URL on localhost, the project's homepage should be displayed without any errors.

Actual behaviour
An unexpected 404 error is encountered when trying to access the root URL of the project on localhost.

Suggested Solution
See the pull request #7 for the task-allocation-demo.

Environment

• OS: macOS Ventura 13.2.1
• Browser: Chrome 115.0.5790.114
• Node.js version: v16.17.1