ZenFit — React Native Fitness App Template

ZenFit – React Native is a modern fitness mobile application built with React Native Expo. It is designed to help users track workouts, view summaries, monitor progress, and manage personal fitness data in an intuitive and user-friendly experience.

✨ Key Features

• Personalized workout plans (strength, cardio, HIIT, etc.)
• Weekly training schedules
• Progress tracking 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

Technical Requirements

To run and customize this project, you need:

• Node.js >= 18.x
• npm or yarn
• Expo CLI latest version
• Expo SDK compatible version (as per project setup)
• Android Studio (for Android development)
• Xcode (for iOS development on macOS)
• Git (recommended)

Compatibility

ZenFit is fully compatible with:

• iOS (Expo)
• Android (Expo)
• Expo Go (development testing)

Project Structure

ZenFit/
├── app/
│   ├── _layout.tsx              # Root layout (Expo Router)
│   ├── navigation/              # Tab and stack navigators
│   ├── screens/                 # Screen components
│   │   ├── HomeScreen.tsx
│   │   ├── WorkoutsScreen.tsx
│   │   ├── WorkoutDetailsScreen.tsx
│   │   ├── WorkoutSummaryScreen.tsx
│   │   ├── ActivityScreen.tsx
│   │   ├── ProfileScreen.tsx
│   │   ├── EditProfileScreen.tsx
│   │   ├── SettingsScreen.tsx
│   │   ├── LoginScreen.tsx
│   │   └── RegisterScreen.tsx
│   ├── components/              # Reusable UI components
│   ├── styles/                  # Style hooks per screen/component
│   ├── ThemeContext/            # Light/Dark theme provider
│   └── utils/                  # Helper functions
├── assets/                      # Images, fonts, icons
├── app.json                     # Expo configuration
├── package.json
└── tsconfig.json

⚠️ Third-Party Services Notice

ZenFit is fully functional out of the box with mock data and does not require any paid service to preview or customize. However, to go live with real users you will need your own accounts/API keys for services such as:

- Google Maps Platform — powers the route/activity map (billed by Google above its free tier)

- A backend of your choice (e.g. Firebase or Supabase) — for real authentication and persisting workout/activity data (free tiers available; paid plans above free-tier limits)

- Cloud storage (e.g. Firebase Storage, Supabase Storage) — for profile photo uploads

These services are not included in the purchase price. You are responsible for any costs incurred through your own use of them. Full setup instructions are included in the documentation.

Run the App

# Start the Expo development server
npx expo start

After running, you will see a QR code and options in the terminal:

1. Press i to open in iOS Simulator
2. Press a to open in Android Emulator
3. Scan the QR code with Expo Go on your physical device

4. Platform-Specific Commands

# iOS
npx expo start --ios

# Android
npx expo start --android

Support

If you have any questions regarding this app, feel free to contact me via my CodeCanyon profile. I will do my best to assist you. If you enjoy this template, I would really appreciate your rating. Thank you!

Changelog

= 1.0.0 =
- Initial release
- 9+ screens
- Light/Dark mode
- Animated UI
- TypeScript support
- Expo support