Project Overview
FitXmates is a cutting-edge fitness app designed to offer a social and interactive experience for fitness enthusiasts of all levels. It provides personalized workout and nutrition plans, facilitates connections with workout buddies, and fosters a supportive fitness community.
Target Audience
- Fitness enthusiasts and health-conscious individuals
- Couples aiming to stay fit together
- Fitness trainers seeking clients
- Communities or groups desiring a social gym experience
Technologies Used
Frontend
- React Native: Cross-platform mobile app development
- Expo: Streamlined development workflow
- TypeScript: Type-safe, robust codebase
- MobX-State-Tree: Efficient state management
- Jest: High-quality code testing
Backend
- Node.js & Express: Fast, scalable server architecture
- MySQL: Efficient database management
- AWS: Reliable cloud infrastructure
My Role
As the solo developer on this project, I’ve handled all aspects of FitXmates from concept to deployment:
- Full-Stack Development: Designed and implemented both frontend and backend systems
- Quality Assurance: Wrote and executed test cases with Jest to ensure code reliability
- App Management: Oversaw all aspects of the app’s lifecycle
- Business Analysis & Research: Conducted market research to inform app features and strategy
- UI/UX Design: Crafted an intuitive and engaging user interface
- Infrastructure Management: Deployed and maintained the app on AWS
Key Features
Onboarding Experience
The FitXmates onboarding screen provides a welcoming introduction to the app's core features, emphasizing user connection and interaction.
Secure Authentication
The login screen delivers a seamless and secure user authentication experience with an interface that integrates smoothly with the backend.
Comprehensive Training Plans
The Training Details screen provides a comprehensive view of structured workout plans, featuring detailed metadata and organized sessions containing workouts.
Focused Workout Sessions
The Session Details screen displays a focused workout session with a clear overview of session goals and specific workouts, enabling users to efficiently plan and track their progress.
Extensive Exercise Library
The Workout Library offers an extensive collection of workouts for users to build customized routines, including a filter button for easy navigation through various exercise categories.
Customizable Filters
The Filters screen allows users to refine their workout library search with selectors for filtering exercises by name, body part, equipment, and target muscle.
Technical Challenges & Solutions
Developing FitXmates presented several technical challenges that required innovative solutions:
- State Management: Implemented MobX-State-Tree to efficiently manage complex application state across multiple screens and features
- Performance Optimization: Ensured smooth performance on both iOS and Android by reducing render cycles and optimizing resource usage
- Offline Capabilities: Developed a robust offline-first architecture to allow users to access their workout plans without an internet connection
- Social Features: Created a scalable backend infrastructure to support real-time social interactions and connections between users
Outcome
FitXmates represents a significant achievement in creating a holistic fitness platform that combines technical excellence with user-centered design. The application successfully delivers on its promise to make fitness more social, accessible, and personalized.