Back
z-fit

z-fit

Fitness Mobile app created to provide exercises and full workouts categorized by muscle group, complete with guided gifs, built-in rest periods, a pause feature, and an estimated calorie burn counter.

Technologies

React Native
useContext API
Responsive Design
Custom StyleSheet Objects

Key Features

  • Categorized exercises by muscle group
  • Guided exercise gifs demonstrating proper form
  • Built-in rest periods and pause functionality
  • Estimated calorie burn count per exercise

Purpose

To help users achieve their fitness goals by providing a comprehensive, easy-to-use mobile fitness guide that includes detailed exercise routines with visual aids and tracking features.

Role

Sole developer, responsible for design, implementation, and testing of the app.

Challenges & Solutions

Implementing responsive design in a mobile environment to accommodate various device sizes

Used React Native's flexbox for responsive layouts to ensure proper display on different devices

Integrating dynamic rest timers and pause functionality within workout sessions

Developed timer and pause logic within the app's state management using useContext

Creating and managing custom StyleSheet objects for aesthetic and functional design

Designed a modular StyleSheet system that allows for reusability and easy maintenance