L
🎯Habit & Routine Tracker

Habit Tracker

Build a daily habit tracker with streaks, reminders, statistics, and calendar view — Duolingo-style engagement loop.

Daily check-insStreak counterCalendar viewRemindersStreak-freeze tokensWeekly stats

The Prompt

✨ Ready-to-use Lovable Prompt

Open Lovable
Build a habit tracker app with the following features:

**Home / Today View:**
- List of today's habits, each with a big circular check button
- Tapping the check completes the habit and animates a streak +1
- Missed-day indicator next to habits that weren't done yesterday

**Habit Management:**
- Create a habit: name, icon, colour, frequency (Daily / X times per week / Specific weekdays), reminder time, goal (e.g. 30 days)
- Edit, archive, or delete a habit
- Reorder habits via drag

**Streaks & Stats:**
- Streak counter on every habit (current streak + longest streak)
- Calendar view showing last 30 days, green dot = done, grey = missed
- Weekly stats: completion %, best day of the week, most-skipped habit
- Lifetime stats: total check-ins, longest-ever streak, habits completed

**Reminders:**
- Local notifications at the habit's reminder time (web push + email backup)
- Streak-freeze tokens: earn 1 per 7-day streak; spend to protect a streak after a missed day

**Gamification:**
- Levels: hit milestones (7, 30, 90, 365 days) to unlock badges
- Daily quote or tip shown when all habits are done

**Design:**
- Clean, calm palette — soft greens and neutrals
- Satisfying micro-animations on habit completion (confetti, checkmark bounce)
- Mobile-first — 80% of users open this on their phone
- Dark mode

Store everything in Supabase. User-scoped RLS. Use Supabase Edge Functions to send reminder emails via Resend.

How to Use This Prompt

  1. 1

    Copy the prompt

    Click the 'Copy Prompt' button above to copy the full prompt to your clipboard.

  2. 2

    Open Lovable

    Go to lovable.dev and create a new project. If you're on the free plan, you get 5 credits/day.

  3. 3

    Paste and send

    Paste the prompt into the Lovable chat input and press enter. Lovable will start building your app immediately.

  4. 4

    Iterate and refine

    Review what Lovable builds. Use follow-up prompts to refine the design, add features, or fix anything that's off.

Pro Tips

  • Ask for 'satisfying micro-animations' by name — Lovable defaults to functional, not delightful
  • Include 'streak-freeze tokens' — they dramatically improve retention after a missed day
  • Specify 'mobile-first' and 'tap targets at least 44px' — habit trackers live on phones

Prompt Variations

Different versions of this prompt for specific use cases.

Couple / family habit tracker

Build a shared habit tracker for two people (couples or family). Each person has their own habits, but some are 'shared' — both have to complete it for the streak to count. Show a side-by-side view.

Fitness-focused habit tracker

Build a habit tracker specifically for fitness: Drink 2L water, Workout, Stretch, Sleep 8h. Integrate Apple HealthKit to auto-complete habits based on step count, workout logs, and sleep. Weekly report emailed Sunday night.

Frequently Asked Questions

Can Lovable send push notifications for habit reminders?
Web push yes — ask for 'Web Push API with service worker and Supabase Edge Function to schedule notifications.' For native iOS/Android push, you'll need to wrap the app with Capacitor or build a React Native companion.
How do I monetise a habit tracker?
Classic freemium: free users get 3 habits, Pro (£3.99/month via Stripe) unlocks unlimited habits, detailed stats, and streak-freeze tokens. Ask Lovable to add this gating by default.

Ready to build?

Copy the prompt above, then paste it into Lovable. Your app starts building instantly.

Try Lovable Free