Imagination Board
New board Sign in

Habit tracker app: architecture

By Imagination Board examples · 21 Oct 2026 · 10 nodes

The parts of a small web app and what reads or writes what, from login to the streak count.

web-apparchitecturepostgres

Example board made by the Imagination Board team.

Use as template
Fronte…LoginSessio…APIHabits…Check-…Streak…Notifi…Settin…Deployshown ineditsships in

Nodes in order 10

What feeds into a node comes before it.

  1. Settings page

  2. Login

    Fed by Frontend (starts at)

  3. Sessions table

    Fed by Login (writes) · API (reads)

  4. Frontend

    Fed by Streak calculation (shown in)

  5. API

    Fed by Frontend (calls)

  6. Habits table

    Fed by API (reads and writes) · Settings page (edits)

  7. Notifications

    Fed by Habits table (schedules)

  8. Deploy

    Fed by API (ships in)

  9. Check-ins table

    Fed by API (writes)

  10. Streak calculation

    A missed day resets; a freeze token skips one.

    Fed by Check-ins table (feeds)