A modern, clean, and aesthetic web application for reporting and tracking campus issues.
- User Authentication: Simple login system (accepts any valid email/password)
- Campus Selection: Choose your campus (currently only MIT Manipal is active)
- Interactive Map: View and report issues directly on the campus map
- Issue Tracking: Track active and resolved issues
- Issue Management: Report new issues with categories, priorities, and locations
- Responsive Design: Works on desktop and mobile devices
-
Login Page:
- Enter any valid email format (e.g.,
john.doe@example.com) - Any password will work (this is a demo)
- Your name will be extracted from your email (e.g.,
john.doe@example.combecomes "John Doe")
- Enter any valid email format (e.g.,
-
Campus Selection:
- Only "MIT Manipal" is currently active
- Other campuses are marked as "Coming Soon"
-
Dashboard:
- View active issues on the map with color-coded categories
- Filter issues by category or search by keywords
- Click on map markers or issue cards to view details
- Mark issues as resolved
-
Issue History:
- View all resolved issues
- Search and filter the history
- See resolution details
-
Add Issue:
- Click "Add Issue" button on the dashboard
- Fill in issue details (title, category, priority, etc.)
- Click on the map to select the exact location
- Optionally upload an image
- Submit the form to add the issue
- HTML5, CSS3, JavaScript
- TailwindCSS for styling
- Leaflet.js for interactive maps
- FontAwesome for icons
- ShadCN UI components
To run this project locally, simply open the index.html file in your web browser. No server is required as this is a client-side only application for demonstration purposes.
- This is a demonstration application with simulated data
- In a production environment, it would connect to a backend server for data persistence
- Currently, all data is stored in session storage and will be lost when the browser is closed