Mobile · Beginner
Streaks: A Habit Tracker App
Build a cross-platform mobile app to track daily habits with streaks, local persistence, and reminder notifications.
Beginner8-15 hoursTypeScript
You will build a React Native habit tracker that runs on iOS and Android from a single codebase. Users create habits, mark them complete each day, and see a running streak count backed by a local SQLite database. The project teaches mobile file routing, device-local persistence, and push notification scheduling without needing a backend server.
What you build
- Create, edit, and delete named habits with optional descriptions
- Mark habits as complete with a single tap on the daily home screen
- Streak counter that increments on consecutive daily completions and resets on a missed day
- Completion history calendar view showing which days each habit was logged
- Scheduled local notifications that remind users to complete habits at a chosen time
- Persistent storage via SQLite so data survives app restarts and device reboots
- Summary screen showing overall completion rate across all active habits
What it teaches
- Structuring a React Native app with file-based routing via Expo Router
- Reading from and writing to a device-local SQLite database using expo-sqlite
- Scheduling and cancelling local push notifications with Expo Notifications
- Managing shared state across screens with React Context or Zustand
- Calculating date-based streaks with JavaScript Date arithmetic
- Handling app lifecycle events to refresh data when the app is foregrounded
Sign in to open the build guide
Free account. Get the step-by-step build and every resource link.
Take it further
- Add a widget using Expo's bare workflow and the `react-native-android-widget` or iOS WidgetKit bridge so streak counts appear on the home screen.
- Sync habits and completions to a Supabase table so users can restore data after reinstalling the app.
- Generate a shareable streak card image using `react-native-view-shot` that users can post to social media.
