A beautifully designed React Native mobile app focused on evidence-based longevity habits. Track daily wellness practices with an intuitive interface, streaks, and progress visualization.
- Breathing Exercises - Guided breathing timer for nervous system regulation
- Light Exposure - Morning sunlight tracking for circadian rhythm
- Healthy Food - Nutritious meal logging
- Sleep - Sleep time tracking and insights
- Exercise - Daily movement tracking
- Gratitude - Daily gratitude journaling
- 📊 Daily Score - Track completion of habits and tasks
- 🔥 Streak Tracking - Build momentum with consecutive days
- 📈 Progress Charts - Visualize your progress with weekly charts and yearly heatmaps
- ✅ Custom Tasks - Add your own daily to-dos
- 🌍 Multi-language - Support for 20+ languages including English, Spanish, French, German, Chinese, Japanese, Arabic, and more
- 🎨 Dark/Light Mode - Automatic theme adaptation
- 📚 Educational Articles - Learn the science behind each habit
- Framework: React Native (0.81.5) with Expo (54.x)
- Language: TypeScript
- Navigation: Expo Router (file-based routing)
- State Management: Zustand
- Storage: MMKV (fast, encrypted key-value storage)
- Internationalization: i18next + react-i18next
- UI Components:
- React Native Reanimated
- React Native Gesture Handler
- Gorhom Bottom Sheet
- Date/Time: date-fns
- Charts: React Native SVG
- Node.js 18+ or Bun
- Expo CLI
- iOS Simulator (Mac) or Android Emulator
# Clone the repository
git clone <repository-url>
cd illll
# Install dependencies
bun install
# or
npm install
# Start the development server
bun start
# or
npm start# iOS
bun ios
# Android
bun android
# Web
bun webillll/
├── app/ # Expo Router pages
│ ├── (tabs)/ # Tab navigation screens
│ │ ├── index.tsx # Daily Hub (main screen)
│ │ └── progress.tsx # Progress tracking
│ ├── habit/[id].tsx # Habit detail/article screen
│ └── settings.tsx # Settings screen
├── components/ # Reusable UI components
│ ├── DailyScore.tsx
│ ├── StreakBadge.tsx
│ ├── HabitCard.tsx
│ ├── TaskItem.tsx
│ ├── Heatmap.tsx
│ └── ...
├── constants/ # App constants and configuration
│ ├── habits.ts # Habit definitions
│ ├── colors.ts # Color palette
│ └── articles.ts # Educational content
├── store/ # State management
│ ├── useStore.ts # Zustand store
│ └── mmkv.ts # MMKV storage setup
├── locales/ # Translation files (20+ languages)
│ ├── en.json
│ ├── es.json
│ └── ...
└── lib/ # Utilities
└── i18n.ts # i18n configuration
The main screen where users see their greeting, daily score, current streak, all visible habits, and custom tasks.
Six core science-backed longevity practices. Each habit has:
- Icon and color
- One-liner explanation
- Quick action type (timer, checkbox, input, etc.)
- Detailed article with research and recommendations
- Streaks: Consecutive days of completing at least one task/habit
- Weekly Chart: Bar chart showing daily completion rates
- Yearly Heatmap: GitHub-style contribution heatmap for the year
- Completion Rate: Percentage of completed vs. total items
All user data is stored locally using MMKV for privacy and performance. Data structure:
- Daily entries keyed by date (YYYY-MM-DD)
- Habit completion states and metadata
- Custom tasks
- User preferences and settings
- Create a new JSON file in
locales/(e.g.,locales/sv.json) - Copy the structure from
locales/en.json - Translate all strings
- The app will auto-detect based on device language or users can manually select in settings
Edit constants/habits.ts to modify habit metadata, colors, or icons.
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is private and proprietary.
Current version: 1.0.0