feat: changed the code base to react
Description
This MR refactors the existing application from a static JavaScript and template-based structure to a modern component-based architecture using React.
The goal is to improve maintainability, scalability, and overall UI structure while keeping the existing functionality intact.
Changes Made
-
Introduced React project structure with
src/directory -
Added entry point (
main.jsx) and root component (AppShell.jsx) -
Created new pages:
AppPage.jsxLoginPage.jsx
-
Moved existing logic to
src/legacy/for reference -
Converted HTML templates into reusable React components
-
Integrated Vite for faster development and build process
-
Removed unused/legacy configuration files
Impact
- Improves code readability and modularity
- Enables reusable components and better state management
- Simplifies future feature development
- Aligns project with modern frontend standards
Notes
- No major functional changes intended
- Legacy logic is preserved under
src/legacy/ - Further cleanup and optimization can be done in future MRs
Testing
- Verified application builds successfully
- Tested core flows (login, app navigation)
- Ensured no breaking changes in functionality
closes #6 (closed)