# abhayjaiswar-gif/mq-parent-app architecture

> Architecture diagram of the GitHub repository abhayjaiswar-gif/mq-parent-app, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-30). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/abhayjaiswar-gif/mq-parent-app
- Repository: https://github.com/abhayjaiswar-gif/mq-parent-app

## Overview

This is a React Native fitness and sports app centered on a student-facing dashboard. The main workflow moves from welcome and account screens into the app’s tab navigation, where users can view fitness summaries, challenges, and a second-hand equipment bazaar; separate screens cover history, profile, scheduling, and video reels. Dashboard fitness visuals are implemented by reusable SVG diagrams. The excerpts show UI composition and local screen state, but no backend or persistent data layer. Some screen links are supported only by App.js’s indexed imports; ScheduleTab’s integration is not shown.

Main entry points: [`App.js`](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/App.js) (App shell), [`components/DashboardTab.js`](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/DashboardTab.js) (Dashboard), [`components/LoginScreen.js`](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/LoginScreen.js) (Login), [`components/SignupScreen.js`](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/SignupScreen.js) (Signup)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_navigation["App navigation"]
  node_app["App shell<br/>[App.js]"]
end

subgraph group_fitness["Fitness insights"]
  node_dashboard["Dashboard<br/>[DashboardTab.js]"]
  node_stats["Analysis report<br/>[StatsTab.js]"]
  node_history["Activity history<br/>[HistoryTab.js]"]
  node_diagrams["Fitness diagrams"]
  node_schedule["Schedule<br/>[ScheduleTab.js]"]
end

subgraph group_engagement["Challenges and media"]
  node_challenges["Challenges<br/>[ChallengeTab.js]"]
  node_reels["Reels<br/>[ReelsTab.js]"]
end

subgraph group_account["Account screens"]
  node_welcome["Welcome<br/>[WelcomeScreen.js]"]
  node_login["Login<br/>[LoginScreen.js]"]
  node_signup["Signup<br/>[SignupScreen.js]"]
  node_otp["OTP verification<br/>[OtpVerifyScreen.js]"]
  node_profile["Profile<br/>[ProfileTab.js]"]
end

subgraph group_commerce["Marketplace"]
  node_shopping["Equipment bazaar<br/>[ShoppingTab.js]"]
end

node_user(("Student"))

node_user -->|"opens"| node_app
node_app -->|"renders"| node_welcome
node_app -->|"routes to"| node_login
node_app -->|"routes to"| node_signup
node_app -->|"routes to"| node_otp
node_app -->|"renders"| node_dashboard
node_app -->|"renders"| node_challenges
node_app -->|"renders"| node_shopping
node_app -->|"renders"| node_stats
node_app -->|"renders"| node_history
node_app -->|"renders"| node_profile
node_app -->|"renders"| node_reels
node_dashboard -->|"renders"| node_diagrams
node_login -->|"offers link"| node_signup

click node_app "https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/App.js"
click node_dashboard "https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/DashboardTab.js"
click node_stats "https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/StatsTab.js"
click node_history "https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/HistoryTab.js"
click node_diagrams "https://github.com/abhayjaiswar-gif/mq-parent-app/tree/main/components/diagrams"
click node_challenges "https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/ChallengeTab.js"
click node_reels "https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/ReelsTab.js"
click node_shopping "https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/ShoppingTab.js"
click node_welcome "https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/WelcomeScreen.js"
click node_login "https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/LoginScreen.js"
click node_signup "https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/SignupScreen.js"
click node_otp "https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/OtpVerifyScreen.js"
click node_profile "https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/ProfileTab.js"
click node_schedule "https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/ScheduleTab.js"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_app toneBlue
class node_dashboard,node_stats,node_history,node_diagrams,node_schedule toneAmber
class node_challenges,node_reels toneMint
class node_welcome,node_login,node_signup,node_otp,node_profile toneRose
class node_shopping,node_user toneIndigo
```

## Components

### App navigation

- [App shell](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/App.js): `App.js`

### Fitness insights

- [Dashboard](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/DashboardTab.js): `components/DashboardTab.js`
- [Analysis report](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/StatsTab.js): `components/StatsTab.js`
- [Activity history](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/HistoryTab.js): `components/HistoryTab.js`
- [Fitness diagrams](https://github.com/abhayjaiswar-gif/mq-parent-app/tree/main/components/diagrams): `components/diagrams`
- [Schedule](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/ScheduleTab.js): `components/ScheduleTab.js`

### Challenges and media

- [Challenges](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/ChallengeTab.js): `components/ChallengeTab.js`
- [Reels](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/ReelsTab.js): `components/ReelsTab.js`

### Account screens

- [Welcome](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/WelcomeScreen.js): `components/WelcomeScreen.js`
- [Login](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/LoginScreen.js): `components/LoginScreen.js`
- [Signup](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/SignupScreen.js): `components/SignupScreen.js`
- [OTP verification](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/OtpVerifyScreen.js): `components/OtpVerifyScreen.js`
- [Profile](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/ProfileTab.js): `components/ProfileTab.js`

### Marketplace

- [Equipment bazaar](https://github.com/abhayjaiswar-gif/mq-parent-app/blob/main/components/ShoppingTab.js): `components/ShoppingTab.js`

### Other components

- **Student**

## Connections

- Student → App shell: opens
- App shell → Welcome: renders (evidence: `App.js`)
- App shell → Login: routes to (evidence: `App.js`)
- App shell → Signup: routes to (evidence: `App.js`)
- App shell → OTP verification: routes to (evidence: `App.js`)
- App shell → Dashboard: renders (evidence: `App.js`)
- App shell → Challenges: renders (evidence: `App.js`)
- App shell → Equipment bazaar: renders (evidence: `App.js`)
- App shell → Analysis report: renders (evidence: `App.js`)
- App shell → Activity history: renders (evidence: `App.js`)
- App shell → Profile: renders (evidence: `App.js`)
- App shell → Reels: renders (evidence: `App.js`)
- Dashboard → Fitness diagrams: renders (evidence: `components/DashboardTab.js`)
- Login → Signup: offers link (evidence: `components/LoginScreen.js`)