A React Native mobile application for tracking fitness progress, workouts, and rehabilitation phases.

• 📅 Daily Calendar - Navigate through workout days with an intuitive date selector
• 💪 Progress Tracking - Monitor rehabilitation phases and daily progress
• 🏋️ Workout Management - View and start daily workout routines
• 🤖 AI Assistant - Ask LeFrame fitness-related questions
• 📱 Responsive Design - Optimized for all mobile screen sizes

Converted from Figma design to React Native with:

• Custom color scheme (#FDFFED background, #6C9E29 primary green)
• Lato font family
• Shadow effects and blur backgrounds
• Smooth interactions and animations

• Node.js (v16 or higher)
• npm or yarn
• Expo CLI (install with npm install -g expo-cli)
• iOS Simulator (Mac only) or Android Emulator

1. Install dependencies:

npm install

2. Install custom fonts (optional but recommended):

npx expo install expo-font @expo-google-fonts/lato

3. Start the development server:

npm start

4. Run on your device:
   • iOS: Press i in the terminal or scan QR code with Expo Go app
   • Android: Press a in the terminal or scan QR code with Expo Go app
   • Web: Press w in the terminal

frame/
├── App.js              # Main app entry point
├── HomeScreen.js       # Home screen component
├── package.json        # Project dependencies
└── README.md          # This file

The app uses the Lato font family. To use custom fonts:

1. Install expo-font:

npx expo install expo-font @expo-google-fonts/lato

2. Update App.js to load fonts:

import { useFonts, Lato_400Regular, Lato_700Bold } from '@expo-google-fonts/lato';

Main colors are defined in the styles:

• Background: #FDFFED (cream yellow)
• Primary: #6C9E29 (olive green)
• Text: #384838 (dark green)
• Accent: #4A7B49 (medium green)

Images are currently loaded from localhost server. To use your own images:

1. Place images in an assets/ folder
2. Update the ASSETS object in HomeScreen.js to use require('./assets/your-image.png')

The app automatically adapts to different screen sizes using:

• Dimensions.get('window') for dynamic sizing
• Flexible layouts with flexbox
• ScrollView for content overflow
• SafeAreaView for notch/status bar handling

• Add navigation (React Navigation)
• Implement workout details screen
• Add progress tracking functionality
• Integrate AI chat functionality
• Connect to backend API
• Add animations with React Native Reanimated

MIT