Refactor application codebase to React
Description
The existing application was built using static JavaScript files and template-based structure, which made the code harder to maintain, scale, and enhance.
To improve maintainability, modularity, and UI consistency, the codebase needs to be migrated to a modern component-based architecture using React.
Problems in current implementation
- Monolithic JavaScript files (
app.js,login.js) - Poor code reusability and structure
- Difficult to manage UI updates
- Lack of component-based architecture
- Limited scalability for future features
Proposed Solution
- Refactor the application into a React-based structure
- Split logic into reusable components and pages
- Organize code into
src/with proper folder structure - Replace static templates with dynamic React components
- Use modern tooling (e.g., Vite) for faster development
Expected Outcome
- Improved code readability and maintainability
- Better UI/UX with reusable components
- Easier feature expansion and debugging
- Modern development workflow
Key Changes
- Migrated static JS to React components
- Added new pages:
AppPage,LoginPage - Introduced
AppShelland main entry (main.jsx) - Moved legacy logic to
src/legacy/ - Removed outdated configs and templates