Hey everyone! Welcome to SkyCast, a clean and dynamic weather app I built.
I wanted to make something that wasn't just a boring list of temperatures, so I focused heavily on the design. The app uses a sleek glassmorphism UI that automatically shifts its background theme based on whatever the weather is actually doing outside!
- Real-Time Weather: Get fast, accurate current conditions for almost any city in the world.
- 5-Day Forecast: Plan ahead with a quick glance at the week's weather.
- Smart Style Suggestions: The app doesn't just tell you it's cold—it actively suggests whether you need to grab an umbrella, wear a heavy coat, or stick to a t-shirt.
- GPS Location: Don't feel like typing? Just hit "Use My Location" to instantly get your local forecast.
- Dynamic UI: The whole interface reacts to the weather, changing its colors for sunny, rainy, cloudy, and snowy days.
Nothing but the core web technologies:
- HTML5
- Vanilla CSS (Custom glassmorphism & animations)
- Vanilla JavaScript
- APIs: Powered by Open-Meteo for the weather data and BigDataCloud for reverse geocoding.
If you want to spin this up on your own machine, it's super simple since there are no heavy frameworks or complicated build steps.
- Clone the repo:
git clone https://github.com/Dotify71/Weather_Forecast_App.git
