← Apps
⛅
Weather Dashboard
A real, live weather app powered by a free API that needs zero API keys.
🔴 HardDifficulty
4-6 hoursTime
Python, JavaScript, TypeScriptLanguages
What you're building
You're building a real weather dashboard: search any city on Earth, and it looks up its coordinates, fetches live current conditions and a 5-day forecast from the free Open-Meteo API, and renders it all with weather-appropriate emoji. No sign-up, no API key, no credit card — just a real fetch() call to a real API returning real data about the actual weather outside your window right now. This is your first taste of building something that talks to the live internet.
What you'll unlock 🔓
You'll need
- Comfortable with JavaScript functions
- Basic understanding of async code helps but isn't required
- A code editor
- A browser
- An internet connection
🗺️ Build roadmap
01 Build the search UI
→
02 Look up a city with the geocoding API
→
03 Fetch the current weather
→
04 Display current conditions with real weather icons
→
05 Fetch and render the 5-day forecast
→
06 Handle errors and loading states
→
07 Remember the last city and add unit toggling
🔒
Log in to start building
Your first project is free -- create an account to unlock it.
Log in Sign up free