🚀 FixMyCity
📌 Overview
FixMyCity is a simple, responsive web application built using HTML, CSS, and JavaScript that empowers community members to report, view, and vote on civic issues in their city. The project leverages modern web technologies to provide an intuitive, user-friendly interface for issue tracking and civic engagement.
🔍 Key Features:
- 📝 Issue Reporting: Report civic problems (like potholes, streetlights out, garbage overflow) with a title, description, and optional image.
- 📍 Geolocation: Tag reports with user location using the browser’s Geolocation API.
- 👍 Voting System: Upvote issues you care about to highlight important problems.
- 📱 Responsive Design: Seamless experience across mobile, tablet, and desktop.
- 💾 LocalStorage Persistence: Save reports and votes locally without a backend.
⚙️ Usage
- Click the "📣 Report an Issue" button.
- Fill out the title, description, and optionally upload an image.
- Allow location access when prompted.
- Submit to add your report to the community feed.
- View and upvote issues on the homepage.
🛠️ Technologies
- 🧱 HTML for semantic markup
- 🎨 CSS (Flexbox & Grid) for responsive layouts
- 🧠 JavaScript (ES6+) for dynamic functionality
- 💾 LocalStorage for data persistence
- 📍 Geolocation API for capturing user location
Made with ❤️ for a better city! 🏙️