How sxpeed/vayu-webapp works
Vayu Design is a mobile-first business-management PWA, with a public website and a provider control centre. Its main workflow is for a team member to sign in, manage business records and communications, and synchronize work with the API; customers can also enter through signup or a private viewing room. The graph preserves the documented artwork, catalog, finance, inquiry, messaging, and attendance capabilities, plus organization onboarding and administration. Backend links reflect the README and sampled routing/storage code; unsampled feature wiring is shown only where documented.
Main entry points: views Business Views · worker.ts API Worker · App.tsx App Shell · orgStorage.ts Organization Storage
Components 25
Business App
- App Shell
frontend/App.tsx - Authentication
frontend/services/authService.ts - Business Views
frontend/views - CRUD & Messaging
frontend/hooks/useHandlers.ts - Business Services
frontend/services - Offline Sync
frontend/services/syncService.ts - API Worker
frontend/worker.ts - Artworks & Collections
frontend/views - Catalogs & Rooms
frontend/views - Invoices & Payments
frontend/views - Inquiries & Contacts
frontend/views - Messaging & Attendance
frontend/views
SaaS Platform
- Control Centre
frontend/admin - Platform API Routes
frontend/platform/routes.ts - Admin Operations
frontend/platform/centerRoutes.ts
Persistence
- Organization Storage
frontend/orgStorage.ts - Organization Database
frontend/orgAppDb.ts - Platform Data
- Session Store
- File Store
- Realtime
frontend/realtime.ts
Public Experience
- Public Website
frontend/site - Signup Flow
frontend/site/Signup.tsx - Private Viewing Room
frontend/room/RoomPage.tsx
Other components
- Team Member
Connections 26
- Team Member → App Shell: uses
- App Shell → Authentication: authenticates
- App Shell → Business Views: renders
- Business Views → CRUD & Messaging: invokes actions
- CRUD & Messaging → Business Services: updates records
- App Shell → Offline Sync: loads data
- Business Services → API Worker: calls API
- Offline Sync → API Worker: synchronizes
- API Worker → Organization Storage: uses organization resources
- Organization Storage → Organization Database: queries
- Organization Storage → Session Store: scopes keys
- Organization Storage → File Store: prefixes files
- API Worker → Platform Data: uses platform data
- API Worker → Realtime: supports realtime
- Business Views → Artworks & Collections: manages
- Business Views → Catalogs & Rooms: creates
- Business Views → Invoices & Payments: tracks
- Business Views → Inquiries & Contacts: handles
- Business Views → Messaging & Attendance: supports
- Public Website → Signup Flow: offers signup
- Signup Flow → API Worker: submits application
- Private Viewing Room → API Worker: loads room
- Team Member → Control Centre: administers platform
- Control Centre → Platform API Routes: calls
- Platform API Routes → Admin Operations: dispatches admin routes
- Platform API Routes → Platform Data: reads and writes