Skip to content

feat: build responsive civic complaint platform frontend

Gutam Sejal requested to merge sejal into main

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 ChatAssistant component 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 InteractiveMap using 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 NoticeBoard with 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.

Merge request reports

Loading