GlobalHair Digital Platform

Comprehensive System Architecture Overview - Interactive Diagram with Component Details

graph TB subgraph "Patient Journey - Web & Mobile (Unified)" PA1[" Entry Point
Direct Visit, Ads, Referral"] PA2[" Pre-Account Browse
Learn About Treatments"] PA3[" Start Consultation
Begin Onboarding Funnel"] PA4[" Account Creation
Email/Social Login"] PA5[" Onboarding Questionnaire
Medical & Lifestyle History"] PA6[" Photo Capture
Guided Scalp Photos"] PA7[" Intake Submission
Review Lock & Status"] PA8[" Consultation Booking
Time Slot Selection"] PA9[" Patient Dashboard
Journey Hub & Status"] PA10[" Consultation Session
In-Person or Online"] PA11[" Treatment Plan Review
Recommendations & Pricing"] PA12[" Payment Flow
Secure Processing"] PA13[" Digital Consent
DocuSign Documents"] PA14[" Pre-Treatment Checklist
Preparation Guidance"] PA15[" Treatment Day
Procedure Execution"] PA16[" Post-Treatment Care
Recovery & Follow-up"] PA17[" Long-Term Access
Records & Future Bookings"] PA1 --> PA2 --> PA3 --> PA4 --> PA5 --> PA6 --> PA7 --> PA8 PA8 --> PA9 --> PA10 --> PA11 --> PA12 --> PA13 --> PA14 PA14 --> PA15 --> PA16 --> PA17 end subgraph "Consultant Journey - Medical Workflow" CO1[" Secure Login
2FA & Role Validation"] CO2[" Task Dashboard
Daily Command Center"] CO3[" Intake Review
New Patient Queue"] CO4[" Medical Assessment
Photos & History Analysis"] CO5[" Internal Notes
Risk Factors & Context"] CO6[" Consultation Prep
Appointment Planning"] CO7[" Consultation Execution
Medical Session"] CO8[" Treatment Planning
Procedure Recommendations"] CO9[" Secure Communication
Patient Q&A Chat"] CO10[" Payment Status
Read-Only Confirmation"] CO11[" Pre-Treatment Verification
Requirements Check"] CO12[" Post-Op Monitoring
Recovery Tracking"] CO13[" Long-Term Care
Ongoing Relationship"] CO1 --> CO2 --> CO3 --> CO4 --> CO5 --> CO6 --> CO7 CO7 --> CO8 --> CO9 --> CO10 --> CO11 --> CO12 --> CO13 end subgraph "Admin Journey - Business Control Tower" AD1[" Admin Access
System Owner Dashboard"] AD2[" High-Level Overview
Read-Only Business Metrics"] AD3[" Patient Visibility
Journey Stages & Status"] AD4[" Financial Dashboard
Revenue & Billing Control"] AD5[" Ambassador Oversight
Program Management"] AD6[" User Management
Roles & Permissions"] AD7[" System Configuration
Pricing & Settings"] AD8[" Compliance Center
Audit & Security"] AD9[" Access Restrictions
Medical Data Boundaries"] AD10[" Audit Trails
Activity Logging"] AD1 --> AD2 --> AD3 --> AD4 --> AD5 --> AD6 AD6 --> AD7 --> AD8 --> AD9 --> AD10 end subgraph "Ambassador Journey - Referral Network" AM1[" Admin Approval
Verification Process"] AM2[" Link Generation
QR Codes & Tracking"] AM3[" Network Sharing
WhatsApp, SMS, Social"] AM4[" Performance Tracking
Privacy-Safe Metrics"] AM5[" Commission Earning
Milestone Tracking"] AM6[" Payout Processing
Stripe Transfers"] AM1 --> AM2 --> AM3 --> AM4 --> AM5 --> AM6 end %% Enhanced Cross-connections with detailed flow PA1 -.->|"Silent Attribution"| AM4 PA7 -.->|"Intake Notification"| CO3 PA10 -.->|"Medical Data"| CO8 PA12 -.->|"Payment Trigger"| AM5 PA12 -.->|"Revenue Update"| AD4 CO8 -.->|"Treatment Plan"| PA11 CO10 -.->|"Status Confirmation"| AD3 AM1 -.->|"Approval Required"| AD5 AM6 -.->|"Payout Authorization"| AD4 AD6 -.->|"Role Assignment"| CO1 AD9 -.->|"Access Control"| CO2 classDef patient fill:#e8f5e8,stroke:#28a745,stroke-width:3px,color:#1e7e34 classDef consultant fill:#e3f2fd,stroke:#2196f3,stroke-width:3px,color:#0d47a1 classDef admin fill:#fff3e0,stroke:#ff9800,stroke-width:3px,color:#e65100 classDef ambassador fill:#fce4ec,stroke:#e91e63,stroke-width:3px,color:#880e4f class PA1,PA2,PA3,PA4,PA5,PA6,PA7,PA8,PA9,PA10,PA11,PA12,PA13,PA14,PA15,PA16,PA17 patient class CO1,CO2,CO3,CO4,CO5,CO6,CO7,CO8,CO9,CO10,CO11,CO12,CO13 consultant class AD1,AD2,AD3,AD4,AD5,AD6,AD7,AD8,AD9,AD10 admin class AM1,AM2,AM3,AM4,AM5,AM6 ambassador

Technology Stack

</> Mobile & Frontend

React Native 0.72 N Next.js 14 TS TypeScript Tailwind CSS RD Redux Toolkit TQ React Query F Framer Motion

Backend Services

Node.js 18 Firebase Functions E Express.js GCP Google Cloud API Gateway GQL GraphQL REST APIs WebSockets

Data & Storage

Google Firestore Cloud Storage BQ BigQuery R Redis Cache SQL Cloud SQL RT Firebase Realtime DB

Cloud Infrastructure

GCP Google Cloud Platform FH Firebase Hosting Cloud CDN Load Balancer Cloud Run Kubernetes Engine

Security & Auth

Firebase Auth O2 OAuth 2.0 JWT JWT Tokens Identity Platform IAM Cloud IAM VPC Security

Monitoring & Analytics

GA Google Analytics Firebase Analytics Cloud Monitoring ! Error Reporting Cloud Logging Performance Monitoring

Platform Architecture Details

Platform Overview

4 User Types

Admin, Consultant, Patient, Ambassador

Ambassador Program

Commission tracking & referral system

GDPR & HIPAA

Medical data privacy compliant

Mobile-First

Patient experience & consultant workflow

Security & Compliance

HIPAA

Medical records protection

GDPR

European user privacy

PCI DSS

Payment processing security

MFA

Multi-factor authentication

User Roles & Permissions

Patients
  • Mobile app access
  • Medical intake & consultation
  • Treatment tracking
  • Secure chat
Ambassadors
  • Referral link generation
  • Commission tracking
  • Progress visibility
  • No medical data access
Consultants
  • Patient intake review
  • Consultation management
  • Treatment planning
  • Medical communication
Admins
  • Full system control
  • Financial oversight
  • Ambassador management
  • Compliance authority

Scalability & Performance

99.9%
Uptime SLA
Auto
Scaling
Global
CDN
Real-time
Sync

External Integrations

Stripe

Payment processing & payouts

SendGrid

Email delivery & notifications

Twilio

SMS & voice messaging

DocuSign

Digital signatures & consent