Flutter

Build one 'grocery list' app across 5 real stages: an item widget (StatefulWidget) → list layout → global state → server sync → build/deploy. Learn to read and review AI-written Flutter code.

Stages

1. Build a grocery list · Step 1 item widget

   ~80 minSubscription needed

   Build a StatefulWidget for checking whether an item has been added by tapping it. This project builds one real app across 5 lessons — trace exactly what setState() re-renders.

2. Build a grocery list · Step 2 list screen

   ~90 minSubscription needed

   Place the Step 1 item widget into a real scrolling list screen and show a total. Diagnose common layout bugs like overflow errors (the yellow/black stripes) by looking at the screen and code together.

3. Build a grocery list · Step 3 global state

   ~110 minSubscription needed

   Merge the in-cart state each item held separately into one Riverpod store. Review an AI-proposed refactor.

4. Build a grocery list · Step 4 server sync

   ~110 minSubscription needed

   Sync a list that only lived in memory with a real server using dio. Diagnose real-world error cases like timeouts and parse failures.

5. Build a grocery list · Step 5 deployment

   ~120 minSubscription needed

   Understand flutter build apk/ipa config and signing, and turn the grocery list built so far into a build you can install on a real device — the wrap-up lesson for this 5-step project.