Luna: Period & Hormone Health Tracker App

Luna is a modern, privacy-first period and hormone health tracker app built with React Native and Expo. It features beautiful UI, cycle predictions, mood and symptom tracking, AI chat, and more — all inspired by the Figma design.

Features

• Cycle Overview: Animated cycle ring, phase predictions, and quick log.
• Daily Log: Log period flow, symptoms, mood, and notes.
• Insights: Charts and analytics for your cycle, symptoms, and moods.
• Care Center: Wellness resources, meditation, and health tips.
• AI Chat: Ask Luna AI about your health, symptoms, and cycle.
• Luna Plus: Premium features, cloud sync (Firebase), and more.
• Offline-first: Local encrypted SQLite storage for privacy.
• Biometric Lock: Face ID / Touch ID support for secure access.
• Accessibility: Scalable fonts, screen reader labels, and high-contrast UI.
• Animations: Smooth transitions and gestures with Reanimated.

Tech Stack

• React Native (with Expo)
• React Navigation (bottom tabs)
• React Native Paper (UI components)
• SQLite (expo-sqlite, encrypted)
• Firebase (modular, optional cloud sync)
• Victory Native (charts)
• Reanimated & Gesture Handler (animations)
• TypeScript

Getting Started

Prerequisites

• Node.js >= 18
• Yarn or npm
• Expo CLI (npm install -g expo-cli)

Setup

1. Clone the repo:

   git clone <repo-url>
   cd luna-period-tracker

2. Install dependencies:

   yarn install
   # or
   npm install

3. Start the app:

   expo start

4. Run on device:
   • Use the Expo Go app (iOS/Android) or an emulator/simulator.

Firebase Cloud Sync (Optional)

• Add your Firebase config to src/services/firebase.ts and enable sync in settings.

Biometric Lock Example

• See App.tsx and src/screens/BiometricLockScreen.tsx for Face ID / Touch ID integration using expo-local-authentication.

Project Structure

src/
  components/      # Reusable UI components
  constants/       # Theme, colors, spacing
  contexts/        # App-wide context providers
  navigation/      # Navigation setup
  screens/         # Main app screens
  services/        # Firebase, API, etc.
  utils/           # Utility functions

Accessibility

• All screens use scalable fonts and proper accessibility labels.
• High-contrast color palette and screen reader support.

License

MIT