SmartCity+ is an interactive web dashboard that lets you explore real-time weather, air quality, and wind conditions for cities around the world. It also includes hourly forecasts, city maps, and temperature graphs - all in a sleek, glass-style interface.
- Search for any city and get live weather updates
- View temperature in Kelvin, Celsius, or Fahrenheit
- See humidity, feels-like temperature, and wind speed/direction
- Check the Air Quality Index (AQI) with PM2.5 readings and a visual gauge
- Explore hourly forecasts through interactive graphs
- View the city’s location directly via embedded Google Maps
- Clean, modern UI with glassmorphism styling
- Frontend: HTML, CSS, JavaScript
- APIs Used:
- OpenWeatherMap API — Weather and geolocation data
- [Ambee API]
- [Windy API]
- [Google Maps API]
- Local endpoints (
/aqiand/forecast) — AQI and forecast data
- Charting: Chart.js — Temperature and forecast graphs
- Clone the repository
git clone https://github.com/RehanMehtaIND/SmartCity.git cd SmartCity text - Open
index.htmlin your web browser. - Make sure your local server is running if you plan to fetch AQI and forecast data from
http://localhost:3000/.
- Enter a city name in the search bar.
- Press
Enterto fetch data. - The dashboard will display:
- Current temperature, humidity, and weather description
- Wind speed, gusts, and direction
- Air quality index (AQI) with color-coded PM2.5 gauge
- Hourly forecast cards and temperature graph
- Google Map with the city location
- Connect to live AQI and forecast APIs
- Add widgets for UV index, sunrise/sunset times, and precipitation
- Improve mobile responsiveness and animations
- Allow users to compare or save favorite cities
- Fork the repository
- Create a new branch
git checkout -b feature/YourFeature text - Commit your changes
git commit -m "Add feature" text - Push to your branch
git push origin feature/YourFeature text - Open a Pull Request
Maintainer: Rehan Mehta
Found a bug or have an idea? Open an issue on GitHub to share feedback or suggestions.
This project is open source. (License: MIT)