Description
The current frontend of the Sample Platform is built using Zurb Foundation, Font Awesome 4.x, and jQuery. These technologies are outdated compared to modern frontend standards.
As a result:-
->The UI feels visually outdated.
->The codebase is harder to maintain.
->Contributor onboarding becomes more difficult.
->The overall user experience does not match modern design expectations.
Proposed Changes_**```
- Replace Foundation with a modern, lightweight CSS framework (e.g., Tailwind CSS or plain custom CSS with CSS variables)
- Upgrade Font Awesome to v6+ or switch to a modern icon set like Heroicons or Lucide
- Remove jQuery dependency; use vanilla JS or a minimal alternative
- Redesign the navigation as a clean top navbar with responsive hamburger menu
- Implement a proper dark mode using CSS prefers-color-scheme and CSS variables instead of swapping two full stylesheets
- Modernize data tables with better typography, row hover states, and pagination
- Improve form styling across authentication and upload pages
- Add subtle microinteractions (loading states, button hover feedback, smooth transitions)
Expected Outcome:-
- Modern, clean user interface
- Better responsiveness across devices
- Improved maintainability for contributors
- Reduced legacy dependencies
- More consistent and accessible design system
**I would like to work on this issue and contribute to the frontend modernization.
Please assign this issue to me if it aligns with the project goals.**
DescriptionThe current frontend of the Sample Platform is built using Zurb Foundation, Font Awesome 4.x, and jQuery. These technologies are outdated compared to modern frontend standards.
As a result:-->The UI feels visually outdated.
->The codebase is harder to maintain.
->Contributor onboarding becomes more difficult.
->The overall user experience does not match modern design expectations.