This branch contains the frontend implementation of DrainSmart, a civic-tech platform for visualizing and analyzing urban water-logging risks in Delhi.
The frontend focuses on user experience, data visualization, and accessibility, and is designed to integrate seamlessly with backend APIs.
- Home dashboard with project overview and statistics
- Ward-wise Risk Map (UI-based visualization)
- Analytics dashboard for vulnerable wards
- Citizen Portal (mock sign-in / sign-up)
- Admin Portal (mock authentication)
- Emergency contacts section (always accessible)
- Light / Dark mode with persistent preference
- Responsive and accessible UI
- React.js (Vite)
- Tailwind CSS
- Lucide Icons
- React Context API (theme management)
- JavaScript (ES6+)
Note: Authentication and data are currently mocked for demonstration purposes.
src/
├── components/
├── pages/
├── context/
├── data/
├── utils/
├── App.jsx
└── main.jsx