2 min read
Weather
A web app that shows current weather and a forecast for any city.
What You’re Building
A single-page web app that:
- Takes a city name as input
- Shows the current temperature and conditions
- Displays a 5-day forecast
- Works on any device
When you’re done, you’ll deploy it to the web for anyone to use.
Why This Project
Everyone checks the weather. Building your own weather app teaches you how real apps work — fetching live data from an API and displaying it.
You’ll learn:
- HTML for structure
- CSS for styling
- JavaScript for interactivity
- Working with external APIs
Before You Start
Make sure you have:
- A code editor (VS Code or Cursor)
- Claude Code running
- A browser (Safari, Chrome, Firefox)
No frameworks. No API keys. Just files and a browser.
The Steps
- Starting — Create the project files
- Layout — Build the interface
- Fetching Data — Connect to a weather API
- Forecast — Add the 5-day forecast
- Polish — Refine the experience
- Deploying — Put it on the web
- Next — Ideas for going further
Start Building
Open your terminal, navigate to where you want the project, and begin.