How dalouuu/dlsu-chorale-official-website works
This is a chorale management web app with member and admin portals, a public attendance kiosk, and Supabase-backed data and services. The principal workflow is member sign-in, role-specific portal use, and management of attendance, events, fees, and requests; HR incident handling adds a separate protected review stage. The graph groups documented capabilities even where their screens were not sampled. Edges are limited to relationships visible in excerpts or the README; several unsampled screen-to-data interactions are therefore not drawn.
Main entry points: App.tsx Router and state · index.ts Email proxy · Shell.tsx Portal shell · data.ts Data loaders
Components 34
Application entry
- Router and state
High Fi DLSU Chorale Website/src/app/App.tsx - Portal shell
High Fi DLSU Chorale Website/src/app/components/layout/Shell.tsx - Sign-in and setup
High Fi DLSU Chorale Website/src/app/components/screens/Login.tsx
Member services
- Attendance kiosk
High Fi DLSU Chorale Website/src/app/components/screens/RFIDKiosk.tsx - Member portal
High Fi DLSU Chorale Website/src/app/components/screens - Events and signups
High Fi DLSU Chorale Website/src/app/components/screens/MemberPerformances.tsx - Attendance records
High Fi DLSU Chorale Website/src/app/components/screens/MemberAttendance.tsx - Excuse requests
High Fi DLSU Chorale Website/src/app/components/screens/MemberExcuses.tsx - Fees and payments
High Fi DLSU Chorale Website/src/app/components/screens/MemberFees.tsx - Announcements
High Fi DLSU Chorale Website/src/app/components/screens/MemberAnnouncements.tsx - Music and rules
High Fi DLSU Chorale Website/src/app/components/screens - Member profile
High Fi DLSU Chorale Website/src/app/components/screens/MemberProfile.tsx - Incident reporting
High Fi DLSU Chorale Website/src/app/components/screens/MemberIncidents.tsx
Administration
- Admin workspace
High Fi DLSU Chorale Website/src/app/components/screens - Event management
High Fi DLSU Chorale Website/src/app/components/screens/AdminEvents.tsx - Dashboard and analytics
High Fi DLSU Chorale Website/src/app/components/screens/AdminHome.tsx - Member roster
High Fi DLSU Chorale Website/src/app/components/screens/AdminMembers.tsx - Attendance oversight
High Fi DLSU Chorale Website/src/app/components/screens/AdminAttendance.tsx - Excuse approvals
High Fi DLSU Chorale Website/src/app/components/screens/AdminExcuses.tsx - Fee management
High Fi DLSU Chorale Website/src/app/components/screens/AdminFees.tsx - Library management
High Fi DLSU Chorale Website/src/app/components/screens/AdminMusicLibrary.tsx - Rules management
High Fi DLSU Chorale Website/src/app/components/screens/AdminRules.tsx - HR incident review
High Fi DLSU Chorale Website/src/app/components/screens/AdminIncidents.tsx
Data and services
- Data loaders
High Fi DLSU Chorale Website/src/app/data.ts - Supabase client
High Fi DLSU Chorale Website/src/app/supabase.ts - Supabase database
- Supabase storage
- Edge functions
supabase/functions - Email proxy
supabase/functions/send-email/index.ts - Scheduled digests
supabase/functions
Shared interface
- Shared UI components
High Fi DLSU Chorale Website/src/app/components/ui - Theme tokens
High Fi DLSU Chorale Website/src/app/theme.ts
Other components
- Member or admin
- Resend email
Connections 18
- Member or admin → Router and state: opens portal
README.md - Router and state → Sign-in and setup: routes to
High Fi DLSU Chorale Website/src/app/App.tsx - Router and state → Attendance kiosk: routes to
High Fi DLSU Chorale Website/src/app/App.tsx - Router and state → Portal shell: wraps portal
High Fi DLSU Chorale Website/src/app/App.tsx - Router and state → Data loaders: initializes user data
High Fi DLSU Chorale Website/src/app/App.tsx - Router and state → Member portal: routes screens
High Fi DLSU Chorale Website/src/app/App.tsx - Portal shell → Shared UI components: renders
High Fi DLSU Chorale Website/src/app/components/layout/Shell.tsx - Portal shell → Data loaders: reads app data
High Fi DLSU Chorale Website/src/app/components/layout/Shell.tsx - Router and state → Admin workspace: routes screens
High Fi DLSU Chorale Website/src/app/App.tsx - Data loaders → Supabase client: queries through
High Fi DLSU Chorale Website/src/app/data.ts - Supabase client → Supabase database: reads and writes
README.md - Member portal → Supabase storage: stores profile and evidence
README.md - Event management → Email proxy: sends notifications
High Fi DLSU Chorale Website/src/app/components/screens/AdminEvents.tsx - Email proxy → Resend email: sends mail
README.md - Email proxy → Edge functions: belongs to
- Scheduled digests → Supabase database: scheduled jobs
README.md - Scheduled digests → Email proxy: sends reminders
README.md - Shared UI components → Theme tokens: uses tokens
README.md