ZenFit – React Native is a contemporary health cell software constructed with React Native Expo. It’s designed to assist customers observe exercises, view summaries, monitor progress, and handle private health knowledge in an intuitive and user-friendly expertise.
✨ Key Options
- Customized exercise plans (energy, cardio, HIIT, and so forth.)
- Weekly coaching schedules
- Progress monitoring with charts
- Video and audio steerage for every exercise
- Heat-up & cool-down routines
- Day by day reminders & motivational ideas
- Aim setting (weight reduction, muscle acquire, flexibility)
- Darkish mode help
Technical Necessities
To run and customise this mission, you want:
- Node.js >= 18.x
- npm or yarn
- Expo CLI newest model
- Expo SDK suitable model (as per mission setup)
- Android Studio (for Android growth)
- Xcode (for iOS growth on macOS)
- Git (beneficial)
Compatibility
ZenFit is absolutely suitable with:
- iOS (Expo)
- Android (Expo)
- Expo Go (growth testing)
Venture Construction
ZenFit/ ├── app/ │ ├── _layout.tsx # Root format (Expo Router) │ ├── navigation/ # Tab and stack navigators │ ├── screens/ # Display elements │ │ ├── HomeScreen.tsx │ │ ├── WorkoutsScreen.tsx │ │ ├── WorkoutDetailsScreen.tsx │ │ ├── WorkoutSummaryScreen.tsx │ │ ├── ActivityScreen.tsx │ │ ├── ProfileScreen.tsx │ │ ├── EditProfileScreen.tsx │ │ ├── SettingsScreen.tsx │ │ ├── LoginScreen.tsx │ │ └── RegisterScreen.tsx │ ├── elements/ # Reusable UI elements │ ├── kinds/ # Fashion hooks per display/part │ ├── ThemeContext/ # Gentle/Darkish theme supplier │ └── utils/ # Helper capabilities ├── property/ # Photographs, fonts, icons ├── app.json # Expo configuration ├── bundle.json └── tsconfig.json
⚠️ Third-Occasion Companies Discover
ZenFit is absolutely practical out of the field with mock knowledge and doesn’t require any paid service to preview or customise. Nonetheless, to go reside with actual customers you will want your individual accounts/API keys for companies comparable to:
– Google Maps Platform — powers the route/exercise map (billed by Google above its free tier)
– A backend of your alternative (e.g. Firebase or Supabase) — for actual authentication and persisting exercise/exercise knowledge (free tiers out there; paid plans above free-tier limits)
– Cloud storage (e.g. Firebase Storage, Supabase Storage) — for profile picture uploads
These companies aren’t included within the buy value. You’re chargeable for any prices incurred by way of your individual use of them. Full setup directions are included within the documentation.
Run the App
# Begin the Expo growth server npx expo begin
After working, you will note a QR code and choices within the terminal:
- Press i to open in iOS Simulator
- Press a to open in Android Emulator
- Scan the QR code with Expo Go in your bodily gadget
4. Platform-Particular Instructions
# iOS npx expo begin --ios
# Android npx expo begin --android
Assist
When you have any questions relating to this app, be happy to contact me by way of my CodeCanyon profile.
I’ll do my finest to help you. Should you take pleasure in this template, I might actually admire your ranking. Thanks!
Changelog
= 1.0.0 = - Preliminary launch - 9+ screens - Gentle/Darkish mode - Animated UI - TypeScript help - Expo help
