Quest 6 of 10 · 🌦 · Free · No setup
Weather App
Design a weather card, style sky colors, and switch forecasts with mock data. Great practice before real APIs.
- In-browser live preview
- Saved on this device
- Unlocks: Data display — objects, conditionals, and DOM updates
Part of Web Dev Quests · Prefer prompts? Vibe Code Studio →
Step: HTML
Weather card
Structure a weather display panel.
data-weather attributes on buttons let JavaScript know which forecast to show.
Your quest
Add a wind speed line and an emoji display area.
Edit HTML
HTML
Live preview