Project Title
SkyCast – Smart Weather Dashboard
Objective
SkyCast is a fully client-side JavaScript web application that provides real-time weather data, a 5-day forecast, hourly breakdown, UV index, and sun timing information for any city in the world. It solves the problem of fragmented weather information by presenting all key meteorological data in a single, beautiful, and intuitive dashboard. The project demonstrates practical use of the Fetch API, asynchronous JavaScript, DOM manipulation, and third-party REST API integration.
Key Features
• Real-time current weather: temperature, humidity, wind speed, pressure, visibility
• 24-hour hourly forecast with precipitation probability
• 5-day daily forecast with high/low temperatures
• UV index display with a visual colour-gradient indicator
• Sunrise and sunset times with day length calculation
• GPS-based geolocation ("Use My Location" button)
• City search with geocoding (convert city name to coordinates)
• Temperature unit toggle: Celsius / Fahrenheit
• Live clock and date display
• Fully responsive design for mobile and desktop
Technologies
• HTML5 – Semantic structure of the application
• CSS3 – Glassmorphism design, animations, CSS custom properties, responsive grid
• Vanilla JavaScript (ES6+) – Fetch API, async/await, DOM manipulation, geolocation
• Open-Meteo API – Free, no-key weather and forecast data (WMO weather codes)
• Open-Meteo Geocoding API – Convert city name to lat/lon coordinates
• Google Fonts (Syne + Nunito) – Typography
• Git & GitHub – Version control and deployment
• GitHub Pages – Free hosting of the live application