SkyCast-Weather is a modern and premium weather dashboard designed with a beautiful Glassmorphism UI. It allows users to check real-time weather conditions for any city globally.
I built this project to showcase my skills in Advanced DOM Manipulation, **API Integration, and **Responsive Design. The app handles errors gracefully (like invalid city names) and provides detailed weather metrics.
- Real-Time Weather: Fetches live data using the OpenWeatherMap API.
- Glassmorphism UI: Trendy, semi-transparent design with backdrop blur effects.
- Smart Error Handling: Shows a friendly "City not found" message if the user types a wrong name.
- Detailed Metrics: Displays Humidity, Wind Speed, Pressure, and "Feels Like" temperature.
- Fully Responsive: Looks amazing on Mobile, Tablet, and Desktop.
- Frontend: HTML5, CSS3 (Flexbox, Grid, CSS Variables)
- Scripting: Vanilla JavaScript (ES6+, Async/Await)
- API: OpenWeatherMap
Hafiz Muhammad Ahmed
- Frontend Developer
- GitHub Profile
- LinkedIn Profile
© 2026 SkyCast-Weather. Crafted with passion by Hafiz Muhammad Ahmed.