Fitness A modern fitness mobile application built with React Native CLI, focused on helping users track workouts, view summaries, monitor progress, and manage personal fitness data.
Try the Fitness App on Expo IOS
Try the Fitness App on Expo Android
Key Features:
- Personalized workout plans (strength, cardio, HIIT, etc.)
- Weekly training schedules
- Progress tracker with charts
- Video and audio guidance for each workout
- Warm-up & cool-down routines
- Daily reminders & motivational tips
- Goal setting (weight loss, muscle gain, flexibility)
- Dark mode support
Project Structure
src/
├── ThemeContext/
│ └── ThemeContext.tsx # Theme management
├── navigation/
│ ├── AppNavigator.tsx # Main navigation
│ └── TabNavigator.tsx # Bottom tab navigation
├── screens/
│ ├── HomeScreen.tsx # Main dashboard
│ ├── WorkoutDetailsScreen.tsx # Workout details
│ ├── WorkoutSummaryScreen.tsx # Post-workout summary
│ ├── ProfileScreen.tsx # User profile
│ ├── ActivityScreen.tsx # Activity tracking
│ └── SettingsScreen.tsx # App settings
├── components/
│ ├── home/ # Home screen components
│ ├── sections/ # Reusable sections
│ └── Workouts/ # Workout components
├── styles/
│ ├── getColors.ts # Color system
│ └── use*Components.ts # Component-specific styles
└── assets/
└── *.png # Images and icons
Getting Started:
- Install dependencies using
npm install - Run
npm run androidornpm run ios - For iOS:
cd ios && pod install
Tested On:
- ✅ Android 10+
- ✅ iOS 13+
- ✅ React Native CLI && Expo
Support:
If you have any questions regarding this app, feel free to contact me via my CodeCanyon profile. No guarantees, but I’ll do my best to assist. If you enjoy using this template, I’d really appreciate your rating. Thank you!
Changelog
= 1.0.0 = - Initial release - 9+ screens - Light/Dark mode - Animated UI - TypeScript support - CLI / Expo
