Module intro & starter project

⚠️ Video is partially outdated - read notes below ⚠️

Updated Code Snapshot

To get the updated code snapshot for the habit tracker app, run this on the terminal:

git clone https://github.com/bizz84/flutter_animations_course_materials
cd flutter_animations_course_materials/projects/habit_tracker_flutter
git checkout section04-starter
code .

Or, if you already have a clone of the course repo, run this from the root folder:

# Discard any working changes
git reset --hard HEAD
git checkout section04-starter
cd projects/habit_tracker_flutter

Notes

In this section, we’ll learn how to build a custom task completion ring animation using:

  • Custom Painters
  • AnimationController
  • AnimatedBuilder
  • Gesture Detectors

By the end, we’ll have built this UI:

Completed tasks grid view

Questions? Let's chat