feat: build responsive civic complaint platform frontend
Merge Request Description
This MR adds the responsive frontend for the Smart Urban Civic Complaint & Public Governance Platform.
Changes Included
- Set up React + TypeScript + Vite + Tailwind frontend structure.
- Added premium dark-mode styling with glassmorphism utilities and hover micro-animations.
- Built a responsive homepage with:
- Sticky navigation
- Hero section
- Platform statistics
- Core feature cards
- Escalation workflow
- Role-based platform section
- Transparency dashboard
- Added ChatGPT-style
ChatAssistantcomponent with:- Citizen and AI message layout
- Text complaint input
- Simulated voice toggle
- Image, video, and PDF upload support
- Parent
onSubmit(message, files, location)callback
- Added
InteractiveMapusing React Leaflet with:- Hyderabad/Kukatpally map view
- Ward 123 mock boundary polygon
- Complaint markers from props
- Status colors for Pending, In Progress, and Resolved complaints
- Added
NoticeBoardwith official notices, alerts, and emergency contact cards. - Added route shells for
/,/assistant,/map, and/notices.
Verification
- Ran production build successfully:
npm run build
Result The project now has a complete responsive frontend website for the civic complaint platform, ready for backend/API integration.