Habit Tracker App: Introduction

Notes

From this point onwards we will build a habit tracking app, which is the main project of this course.

Here's a roadmap:

Animated Task Completion Ring

  • Custom painters
  • Explicit animations with AnimationController & AnimationBuilder
  • GestureDetector
  • Arranging items inside a GridView

Local data persistence with Hive

  • Store tasks with their state on local storage

State Management with Riverpod

  • We'll use Riverpod for State Management and Dependency Injection

Interactive page flip

  • Diving deeper deeper dive into explicit animations with AnimationController, 3D Matrix transforms and custom interactive transitions using gesture detectors.

Slide in/out animations

  • How to implement a bottom panel that slides in and out when we click on the settings gear.
  • Learn how a single AnimationController can drive the animation of multiple widgets on screen.
  • Staggered animations

Advanced theming

  • Completely customise the color palette
  • Implement multiple themes with different colors & variants
  • Save theme preferences to local storage
  • Animated theme changes with ImplicitlyAnimatedWidget

Add and edit tasks

  • Additional UI and functionality to add and edit tasks: choose a task name along with a custom icon.

Additional notes

And project was inspired by the Streaks app, one of the top Health & Fitness app in the App Store.

All the designs for this app can be found here: https://mobbin.design/apps/streaks

Each section will include:

  • Starter Project
  • Technical Planning
  • Implementation

Some challenges will also be included.

Discussion

0 comments