Habit Tracker App – React Native Expo Source Code

Description

A complete habit tracking app you can rebrand and publish. 6 screens with tab and stack navigation, typed data models, AsyncStorage persistence and light and dark themes, written in strict TypeScript.

Features

• Today screen with daily progress and one-tap check-in
• Habits list and habit detail with current streak, best streak and 30-day completion rate
• 5-week history grid, tap any day to mark it done or undone
• Create, edit and delete habits: name, icon, color, repeat days
• Statistics: total check-ins, best streak, last 7 days chart, 30-day completion per habit
• Settings: light, dark or system theme, show streaks, week start, reset data
• Demo habits on first launch
• All data stored on the device with AsyncStorage, no backend required
• Runs on Android, iOS and Web

Tech stack

• React Native 0.74, Expo SDK 51
• TypeScript (strict)
• React Navigation 6: bottom tabs and native stack
• @react-native-async-storage/async-storage
• @expo/vector-icons (Ionicons)
• React Context for state

Requirements

• Node.js 18 or 20
• Expo Go on your phone, or Android emulator / iOS simulator
• Optional: EAS CLI for store builds

How to install and run

1. Unzip the archive and open the project folder
2. Run npm install
3. Run npx expo start and scan the QR code with Expo Go (or press a / i / w)
4. Type check with npm run typecheck, build for stores with eas build

How to rebrand

• App name: app.json and APP_NAME in src/config.ts
• Colors: BRAND_PRIMARY, BRAND_ACCENT in src/config.ts and palettes in src/theme/theme.ts
• Icon and splash: replace files in assets/
• Package id: android.package and ios.bundleIdentifier in app.json (current: com.appforge.habittracker)
• Demo data: src/storage/seed.ts

What’s included

• Full TypeScript source code (App.tsx, src, assets, app.json, package.json, package-lock.json)
• README.md with setup, rebranding and project structure
• LICENSE file
• Screenshots folder

Screenshots

License

Commercial license: use the source code in one end product (one app) for yourself or one client, free or paid. Reselling or redistributing the source code as a template is not allowed. Full text in the LICENSE file.