All Projects
Beginner~4 hours

Weather Dashboard

apijavascriptcsshtml

Project Brief

Build a weather dashboard that fetches real-time data from a public API. Users should be able to search for any city and see current conditions plus a 5-day forecast. Focus on clean UI and proper error handling.

Requirements

  • →Fetch weather data from OpenWeatherMap API (free tier)
  • →Display current temperature, humidity, wind speed, and weather icon
  • →Show a 5-day forecast with daily highs and lows
  • →Search by city name with autocomplete or suggestions
  • →Handle errors gracefully (invalid city, network failure, API limits)
  • →Responsive design — works on mobile and desktop
  • →Save recent searches to localStorage

Milestones

Set up your project structure (HTML/CSS/JS or React). Get an OpenWeatherMap API key. Make a successful test API call and log the response.

Start the project to unlock hints and tracking