codeseed
Sign in
Explore Projects
DartintermediatemobileAI generated

Flutter Weather Forecast App

A Flutter app that fetches current weather and a 5-day forecast from a public REST API and displays it with icons and charts. Learners practice async/await, HTTP requests, JSON parsing, and Provider-based state management.

Estimate
~11h
Steps
6
Completed by
0
Proposed by
codeseed.app

Flutter · http · Provider

Sign in to claim this project

Project roadmap

  1. 01

    Test the weather API

    ~1.5h

    Register for an API key and test current-weather and forecast endpoints using the http package.

  2. 02

    Model the JSON response

    ~2h

    Create Dart classes with fromJson factories matching the API's response shape.

  3. 03

    Build a Provider state layer

    ~2h

    Create a ChangeNotifier that manages loading, error, and data states for weather requests.

  4. 04

    Design the current-weather screen

    ~2h

    Show temperature, conditions, and icons, with a toggle between Celsius and Fahrenheit.

  5. 05

    Add the forecast list

    ~2h

    Display a 5-day forecast list with pull-to-refresh support.

  6. 06

    Handle errors and search

    ~1.5h

    Add error/offline UI states and a city search feature.

Resources

Ready to build this?

Get a GitHub repo and start building. Your AI reviewer checks each step as you go.

~11h · 6 steps

Tech stack

FlutterhttpProvider