
{"type":"doc","content":[{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"Your gym, your schedule, your goals — Maxfit puts a complete fitness coaching system in the palm of your hands, built with React Native from the ground up."}]},{"type":"image","attrs":{"src":"https://farooq-agent.web.app/assets/images/works/large/maxfit.jpg","alt":null,"title":null,"width":null,"height":null}},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"bold"}],"text":"Mobile App Design & Development — Maxfit"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","marks":[{"type":"italic"}],"text":"Fitness & Workout App · React Native · JavaScript"}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A clean, focused fitness workout application built with React Native — Maxfit delivers a cross-platform mobile experience that organizes the full spectrum of physical training into a single, intuitive interface. The app demonstrates the power of React Native to produce a genuinely native-feeling fitness product from a unified JavaScript codebase."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The home screen leads with a full-width workout photography hero — a dynamic weightlifting image that sets the motivational tone from the first tap. Below, the app's core navigation is organized into a clear 2×2 category grid: Lifting, Gymnastic, Cardiovascular, and Calisthenics — four workout disciplines covering the complete range of modern fitness training. Each category is represented by a clean pictogram icon on a white card, creating a UI that is immediately scannable and gesture-friendly for users mid-session with sweaty hands."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The bottom navigation bar provides quick access to home, workout log, progress tracking, and statistics — a considered information architecture that anticipates the real user journey: plan, train, track, improve. The Android-native navigation bar beneath confirms the app's platform commitment, while the React Native foundation ensures the same experience translates seamlessly to iOS."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"The two-handed phone holding mockup against a clean neutral background is a strong presentation choice — it communicates a product built for real, active use, held the way a person actually holds their phone during a workout."}]},{"type":"paragraph","attrs":{"textAlign":null},"content":[{"type":"text","text":"A fitness app that keeps its UI as disciplined as the training it supports — clean, purposeful, and built to perform."}]}]}
Tech Stack
Tags
Completed
March 2019
Project Scale
short Project