RoadWatch is a modern, full-stack community platform designed to empower citizens to report road damages (like potholes, cracks, and clutter) and track their resolution status in real-time. Built with a robust MERN stack, it features interactive mapping, geolocation services, and an administrative dashboard for managing infrastructure repairs.
- 🗺️ Interactive Map Interface: visualize reported issues on a dynamic OpenStreetMap layer.
- 📍 Geolocation Tracking: Automatically captures the user's location for accurate reporting.
- 📸 Evidence Upload: Users can upload photos or capture images directly from their camera.
- 🛡️ Role-Based Access Control:
- Citizens: Report issues, view status updates.
- Admins: Verify reports, update statuses (Reported, In Progress, Resolved, Rejected), and delete spam.
- 📊 Real-Time Status Updates: Visual indicators (color-coded markers) for different report statuses.
- 📱 Responsive Design: Fully responsive UI built with Tailwind CSS, optimized for desktop and mobile.
- Framework: React 19
- Styling: Tailwind CSS 3.4
- Maps: Leaflet & React-Leaflet
- Routing: React Router DOM 7
- Icons: React Icons / SVG
- Server: Node.js & Express 5.0
- Database: MongoDB (Mongoose 8)
- Authentication: JWT (JSON Web Tokens) with Bcrypt
- Image Processing: Sharp
- File Handling: Multer (Base64 storage)
