Refactor the App.tsx of the project to separate Monitor function into separate files.
Implement Login page.
Related Issue: #16
Feature Name: Front-end Login page Design
Type of Change
[x] New feature (non-breaking change which adds functionality)
[x] Enhancement (non-breaking improvement to an existing feature)
[ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
How Has This Been Tested?
Please describe the tests that you ran to verify the feature. Provide instructions so others can replicate these tests. Include any relevant details like the test environment, test cases, and scripts.
Tested On:
[x] Local machine
[ ] CI Pipeline
[ ] Staging environment
Test Description:
[x] Unit tests
[ ] Integration tests
[x] Manual testing
Checklist
[x] My code follows the style guidelines of this project.
[x] I have performed a self-review of my own code.
[x] I have commented my code where necessary.
[ ] I have added documentation explaining what this feature does and how to use it.
[ ] I have added tests to cover my changes.
[ ] I have checked for any security concerns or performance impacts.
Impacted Areas in the Project
Please specify which areas of the project this feature might affect.
Description
Refactor the App.tsx of the project to separate Monitor function into separate files. Implement Login page.
Type of Change
How Has This Been Tested?
Please describe the tests that you ran to verify the feature. Provide instructions so others can replicate these tests. Include any relevant details like the test environment, test cases, and scripts.
Checklist
Impacted Areas in the Project
Please specify which areas of the project this feature might affect.
Additional Information
Add any additional context or concerns that may be relevant to this feature, including dependencies, potential risks, or rollout plan.
Reviewer’s Guide:
Please ensure: