A responsive and interactive SmartCity Dashboard to display real-time data for city administrators, residents, and tourists. This web application integrates multiple city management features such as traffic updates, weather conditions, air quality, event management, emergency contacts, and more.
- Real-time Data Visualization: Displays live data such as traffic updates, weather, air quality, and energy consumption.
- User Personalization: Provides different dashboards for Administrator, Resident, and Tourist personas.
- Interactive Maps: Uses React Leaflet and OpenStreetMap to display parking availability, public transport routes, and emergency contact locations.
- Event Management: Calendar view with RSVP and bookmark functionality for upcoming events.
- Emergency Contact Section: List of emergency contacts with quick access.
- User Profile: Displays user name and eco-friendly activity badges.
- Gamification: Rewards and badges for eco-friendly activities like using public transport.
- Frontend: React, Material UI, Acerenity UI
- Mapping: React Leaflet, OpenStreetMap
- State Management: React Context (for persona-based state)
- Animations: Material UI or Acerenity UI
- CSS: Responsive design with modern styling and theming
# Step 1: Clone the repository using the project's Git URL.
git clone <GIT_URL>
# Step 2: Navigate to the project directory.
cd <_PROJECT_NAME>
# Step 3: Install the necessary dependencies.
npm install
# Step 4: Start the development server with auto-reloading and an instant preview.
npm run dev