Tour Details

You are a senior product architect, UI/UX designer, mobile app developer,

and backend engineer with 15+ years experience.

Your task is to DESIGN and GENERATE a COMPLETE, PRODUCTION-READY

PERSONAL TRAINER FITNESS APPLICATION with the following requirements.

========================

PROJECT OVERVIEW

========================

Build a PERSONAL TRAINER FITNESS APP with TWO ROLES:

1) CLIENT (GYM MEMBER)

2) ADMIN / TRAINER

The app must visually and functionally resemble

Apple Fitness style UI (activity rings, dark mode dashboard).

The system must include:

- Mobile App (Client)

- Mobile App or Web App (Trainer/Admin)

- Backend API

- MySQL Database Schema

========================

DESIGN & UI REQUIREMENTS

========================

1. Default DARK MODE

2. Circular ACTIVITY RINGS (Calories, Workout Minutes, Steps)

3. Smooth animations

4. Bottom navigation bar

5. Minimal text, bold numbers

6. Modern premium gym look

7. Mobile-first UX

Provide:

- UI layout description for EACH screen

- Component hierarchy

- Navigation flow

========================

CLIENT APP MODULES

========================

1. Authentication

- Login

- OTP Verification

- Forgot Password

2. Home Dashboard

- 3 Activity Rings:

* Calories Burned

* Workout Minutes

* Steps / Active Time

- Daily summary cards

- Trainer message banner

3. Workout Module

- Today’s workout

- Exercise list

- Sets / reps / rest timer

- Video or GIF support

- Mark workout complete

- Workout history

4. Diet & Nutrition Module

- Daily meal plan

- Calories & macros

- Food images

- Nutrition summary