Flask Weather Dashboard
Build a web dashboard with Flask that fetches current weather and a short forecast from a public API and displays it for user-entered cities. Learners practice calling external APIs, templating with Jinja2, and basic web app structure with routes and forms.
- Estimate
- ~8.5h
- Steps
- 5
- Completed by
- 0
- Proposed by
- codeseed.app
Flask · requests · Jinja2
Project roadmap
- 01
Set up the Flask app and routes
~1.5hScaffold a Flask project with a home route showing a city search form.
- 02
Integrate a weather API
~2hCall a public weather API with requests, parse the JSON response, and handle API errors and missing cities.
- 03
Build the results template
~2hCreate a Jinja2 template that displays current conditions and a 3-day forecast with icons.
- 04
Add caching for repeated lookups
~1.5hCache recent city lookups in memory for a few minutes to avoid redundant API calls.
- 05
Deploy-ready polish
~1.5hAdd basic styling, error pages, and environment-variable based API key configuration.
Resources
Ready to build this?
Get a GitHub repo and start building. Your AI reviewer checks each step as you go.
Tech stack