# gdlion1/auraxfitness architecture

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

- Interactive diagram: https://gitdiagram.com/gdlion1/auraxfitness
- Repository: https://github.com/gdlion1/auraxfitness

## Overview

Aura Fitness is a React website for promoting a gym and handling membership enquiries and day-pass bookings. Visitors enter through the home or day-pass view; the site presents gym information and lets visitors submit a membership form or follow a day-pass flow with payment instructions and a ticket state. The sampled code shows membership submissions sent to a Google Sheets web app. Day-pass payment appears QR/UPI-guided; no payment processor integration is established by the excerpts. Most behavior lives in one source file, so section nodes share its path.

Main entry points: [`src/main.jsx`](https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx) (View Router), [`public/images/payment_qr`](https://github.com/gdlion1/auraxfitness/tree/main/public/images/payment_qr) (Payment QR Asset)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_site["Gym Website"]
  node_app["View Router<br/>[main.jsx]"]
  node_navigation["Navigation<br/>[main.jsx]"]
  node_hero["Hero Section<br/>[main.jsx]"]
  node_about["About Section<br/>[main.jsx]"]
  node_teams["Coaches<br/>[main.jsx]"]
  node_facility["Facility Content<br/>[main.jsx]"]
  node_recovery["Recovery Content<br/>[main.jsx]"]
  node_contact["Contact Details<br/>[main.jsx]"]
end

subgraph group_membership["Membership Enquiry"]
  node_membership_form["Membership Form<br/>[main.jsx]"]
  node_sheets["Google Sheets Web App"]
end

subgraph group_daypass["Day Pass"]
  node_daypass_page["Day Pass Flow<br/>[main.jsx]"]
  node_payment_qr["Payment QR Asset"]
  node_pass_ticket["Pass Ticket State<br/>[main.jsx]"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens"| node_app
node_app -->|"renders"| node_navigation
node_app -->|"renders"| node_hero
node_app -->|"renders"| node_about
node_app -->|"renders"| node_teams
node_app -->|"renders"| node_facility
node_app -->|"renders"| node_recovery
node_app -->|"renders"| node_contact
node_app -->|"renders"| node_membership_form
node_app -->|"renders"| node_daypass_page
node_visitor -->|"submits details"| node_membership_form
node_membership_form -->|"posts application"| node_sheets
node_visitor -->|"books pass"| node_daypass_page
node_daypass_page -->|"displays QR"| node_payment_qr
node_daypass_page -->|"shows ticket state"| node_pass_ticket

click node_app "https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx"
click node_navigation "https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx"
click node_hero "https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx"
click node_about "https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx"
click node_teams "https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx"
click node_facility "https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx"
click node_recovery "https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx"
click node_contact "https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx"
click node_membership_form "https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx"
click node_daypass_page "https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx"
click node_payment_qr "https://github.com/gdlion1/auraxfitness/tree/main/public/images/payment_qr"
click node_pass_ticket "https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx"

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,node_navigation,node_hero,node_about,node_teams,node_facility,node_recovery,node_contact toneBlue
class node_membership_form,node_sheets toneAmber
class node_daypass_page,node_payment_qr,node_pass_ticket toneMint
class node_visitor toneIndigo
```

## Components

### Gym Website

- [View Router](https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx): `src/main.jsx`
- [Navigation](https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx): `src/main.jsx`
- [Hero Section](https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx): `src/main.jsx`
- [About Section](https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx): `src/main.jsx`
- [Coaches](https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx): `src/main.jsx`
- [Facility Content](https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx): `src/main.jsx`
- [Recovery Content](https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx): `src/main.jsx`
- [Contact Details](https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx): `src/main.jsx`

### Membership Enquiry

- [Membership Form](https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx): `src/main.jsx`
- **Google Sheets Web App**

### Day Pass

- [Day Pass Flow](https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx): `src/main.jsx`
- [Payment QR Asset](https://github.com/gdlion1/auraxfitness/tree/main/public/images/payment_qr): `public/images/payment_qr`
- [Pass Ticket State](https://github.com/gdlion1/auraxfitness/blob/main/src/main.jsx): `src/main.jsx`

### Other components

- **Visitor**

## Connections

- Visitor → View Router: opens
- View Router → Navigation: renders
- View Router → Hero Section: renders
- View Router → About Section: renders
- View Router → Coaches: renders
- View Router → Facility Content: renders
- View Router → Recovery Content: renders
- View Router → Contact Details: renders
- View Router → Membership Form: renders
- View Router → Day Pass Flow: renders
- Visitor → Membership Form: submits details
- Membership Form → Google Sheets Web App: posts application
- Visitor → Day Pass Flow: books pass
- Day Pass Flow → Payment QR Asset: displays QR
- Day Pass Flow → Pass Ticket State: shows ticket state