GymApp
A cross-platform React Native mobile application built with Expo featuring file-based routing and custom theming
What is GymApp?
GymApp is a modern mobile application built with React Native and Expo, designed to run seamlessly across iOS, Android, and web platforms. It leverages Expo Router for intuitive file-based navigation and includes a comprehensive theming system with light and dark mode support.Key Features
File-Based Routing
Expo Router provides intuitive file-based navigation with typed routes
Cross-Platform
Build once, deploy to iOS, Android, and web with native performance
Custom Theming
Built-in light/dark mode with customizable theme colors and fonts
Reusable Components
Pre-built themed components ready to use in your app
React Native Reanimated
Smooth 60fps animations powered by React Native Reanimated
Type Safety
Full TypeScript support with typed routes and component props
Quick Start
Get up and running with GymApp in minutes:Installation
Install dependencies and set up your development environment
Quickstart Guide
Build and run your first screen in under 5 minutes
Architecture Overview
GymApp follows a structured architecture designed for scalability and maintainability:app/- File-based routes using Expo Routercomponents/- Reusable UI components with theming supporthooks/- Custom React hooks for theming and utilitiesconstants/- Theme colors, fonts, and app-wide constantsassets/- Images, fonts, and static resources
Platform Support
GymApp supports iOS 13+, Android 6.0+, and modern web browsers. Web support is provided through React Native Web.
Next Steps
Install Dependencies
Follow the installation guide to set up your development environment
Run Your First Build
Complete the quickstart to launch the app on your platform of choice
Explore Components
Learn about themed components and how to use them
Customize Theming
Discover how to customize the theme to match your brand