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.

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

Technologies Used

React Native, useContext API, Responsive Design, Custom StyleSheet Objects

Purpose and Goal

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.

Technical Hurdles

  • Implementing responsive design in a mobile environment to accommodate various device sizes
  • Integrating dynamic rest timers and pause functionality within workout sessions
  • Creating and managing custom StyleSheet objects for aesthetic and functional design

Solutions

  • Used React Native's flexbox for responsive layouts to ensure proper display on different devices
  • Developed timer and pause logic within the app's state management using useContext
  • Designed a modular StyleSheet system that allows for reusability and easy maintenance