Atmos is a weather dashboard I made to practice calling real APIs and designing a modern UI. It shows current weather for a city plus a 5‑day forecast, all in one compact card.
You can:
- Search for any city (it uses Open‑Meteo’s free APIs)
- See temperature, “feels like”, humidity, wind, visibility, and pressure
- Switch between °C and °F
- View a 5‑day forecast with a mini temperature bar and extra details (precipitation, UV, sunrise/sunset, etc.)
- Watch the background colors and glowing “orbs” change depending on the weather type
No API key is required because Open‑Meteo is free and works without one.
- HTML, CSS, JavaScript only (no framework)
- Fetch API and working with JSON responses
- Handling async/await, loading states, and error messages
- Mapping raw weather codes into icons + human‑friendly text
- Responsive, glassmorphism‑style UI with small animations
- Let the user save favourite cities
- Add hourly forecast charts
- Add dark/light theme toggle and more accessibility tweaks
This project is basically my “API + UI” practice as a first‑year CS student. It helped me understand how frontends talk to real services.