My final project is a complete weather app using only Vanilla JavaScript, HTML, CSS, and the OpenWeather API. The app should show: Current weather for any city searched
5-day forecast
Formatted date and time
Weather icons
Temperature in Celsius and Fahrenheit
Key Features:
-
Search Function User types a city and clicks "Search" → App fetches current weather and forecast.
-
Current Weather Display Show: City name ,Temperature ,Description (e.g., "cloudy") ,Humidity %, wind speed, Weather icon, Date & time (formatted)
-
Forecast Section : 5-day weather preview . Shows: day of week, icon, min & max temp
Used coordinates from current weather to make a second API call using onecall endpoint.
-
Temperature Conversion (C/F) Let users click to switch between Celsius and Fahrenheit. Store original Celsius temp in a variable:
-
Responsive Design Used Flexbox / Grid to make layout look nice on both desktop and mobile.
-
Hosting on Netlify Pushed my code to GitHub Deploy with Netlify