Competition-Grade Civic Engagement Platform | Built with pure HTML, CSS, and Vanilla JavaScript.

(Placeholder: Add your preview image here)

A state-of-the-art interactive grid for issue reporting:

• Global Spotlight: A smooth glow follows the mouse cursor across the grid.
• 3D Interaction: Cards feature real-time Tilt and Magnetism effects powered by GSAP.
• Dynamic Particles: Floating particles emerge from cards on hover for a high-end feel.
• Custom Ripple: Visual feedback on card clicks using radial expansion.

Advanced typography reveals inspired by ReactBits.dev:

• Staggered Reveal: Title characters slide into view with a fade-in effect.
• Viewport Aware: Animations trigger automatically as you scroll down the page.
• Performant: Smooth 60fps animations handled by GSAP.

A robust structure for different user journeys:

• Home (index.html): high-impact landing page with hero and process overviews.
• Report (report.html): Focused, multi-step complaint filing system.
• Track (track.html): Searchable dashboard with progress timelines.

1. Report Issue: Quick submission with AI-assisted categorization.
2. AI Analysis: Backend simulation showing priority scoring and department routing.
3. Department Action: Real-time status tracking and civic resolution.

• GSAP (GreenSock): Professional-grade animations and ScrollTrigger.
• Vanilla JavaScript (ES6+): Zero framework dependencies for maximum performance.
• Modern CSS3: Custom properties, glassmorphism, and responsive flex/grid layouts.
• Lucide Icons: Clean, consistent SVG-based iconography.

1. Clone the repository:

   git clone https://github.com/JithuMon10/AI-Smart-City-Complaint-Assistant.git

2. Open the project: Simply open index.html in any modern web browser or use a local server:

   npx http-server .

• Zero Frameworks: No React/Angular/Vue - just pure web technologies.
• Responsive: Fully optimized for mobile, tablet, and desktop.
• Local Persistence: Data is saved to localStorage for cross-session persistence.
• Premium Aesthetic: Curated dark theme with vibrant accent flows.

Jithendra - GitHub Profile

Built for the Smart City Initiative competition.