Weather Dashboard
Real-time weather for any city in the world, powered by a fully serverless AWS architecture.
How to Use
-
Search for a city
Type any city name into the search bar and press Get Weather or hit Enter. The app accepts city names in English — for example, "New York", "London", or "Tokyo".
-
Read current conditions
The weather card shows the current temperature, sky conditions, and a stats panel with Feels Like, Humidity, Wind speed, Pressure, and Visibility — all updated live from OpenWeatherMap.
-
Switch temperature units
Use the °C / °F toggle in the forecast section to switch between Celsius and Fahrenheit. All values update instantly — no reload needed.
-
Check the forecast
The forecast section shows the next several days with the daily high (in red) and low (in blue) for each day, along with a weather icon and a short description.
About This App
Weather Dashboard is a portfolio project built to demonstrate a production-grade, fully serverless AWS architecture. It fetches live weather data from the OpenWeatherMap API through a secure backend — your browser never sees the API key.
The frontend is a single-page application built with vanilla HTML, CSS, and JavaScript — no frameworks. It is hosted on Amazon S3, served globally through Amazon CloudFront, and protected by HTTPS with a custom domain on Route 53.