How rakeshdintakurthi/photostudio works
PhotoStudio is a regional photography-gallery platform with public event discovery, customer accounts and downloads, passcode-protected client albums, and a studio administration console. Visitors search and browse event galleries, view photos, and download individually or as ZIPs; customers can save favorites and access shared albums. Staff manage events, uploads, private-gallery access, and analytics. The frontend’s sampled services persist data in browser local storage; the README describes Workers, D1, and R2, but the sampled worker source does not establish how those services connect.
Main entry points: App.tsx Public Routes · CustomerAccountPage.tsx Customer Account · HomePage.tsx Home and Search · EventDetailPage.tsx Event Detail
Components 28
Public Discovery
- Public Routes
src/App.tsx - Home and Search
src/pages/public/HomePage.tsx - Event Discovery
src/pages/public/DiscoverEventsPage.tsx - College Events
src/pages/public/CollegeEventsPage.tsx
Gallery Experience
- Event Detail
src/pages/public/EventDetailPage.tsx - Private Gallery Access
src/pages/public/PrivateGalleryPage.tsx - Photo Lightbox
src/components/common/Lightbox.tsx - Photo and ZIP Downloads
src/utils/zipDownloader.ts
Customer Accounts
- Customer Routes
src/pages/customer/CustomerLoginPage.tsx - Customer Account
src/pages/customer/CustomerAccountPage.tsx
Studio Administration
- Admin Routes
src/App.tsx - Dashboard and Analytics
src/pages/admin/AdminOverviewPage.tsx - Event Management
src/pages/admin/AdminEventsPage.tsx - College Management
src/pages/admin/AdminCollegesPage.tsx - Photo Upload
src/pages/admin/AdminUploadPage.tsx - Private Gallery Admin
src/pages/admin/AdminPrivateGalleriesPage.tsx
Services and State
- Customer State
src/store/customerStore.ts - Admin Authentication
src/store/authStore.ts - Event Service
src/services/eventService.ts - College Service
src/services/collegeService.ts - Photo Service
src/services/photoService.ts - Private Gallery Service
src/services/privateGalleryService.ts - Analytics Service
src/services/analyticsService.ts - Seed Data
src/services/mockData.ts - Worker Backend
backend/worker.ts
Other components
- Visitor
- Cloudflare D1
- Cloudflare R2
Connections 33
- Visitor → Public Routes: opens
src/App.tsx - Public Routes → Home and Search: routes to
src/App.tsx - Public Routes → Event Discovery: routes to
src/App.tsx - Public Routes → College Events: routes to
src/App.tsx - Public Routes → Event Detail: routes to
src/App.tsx - Public Routes → Private Gallery Access: routes to
src/App.tsx - Home and Search → Event Service: loads events
src/pages/public/HomePage.tsx - Home and Search → College Service: loads colleges
src/pages/public/HomePage.tsx - Home and Search → Event Detail: links to
src/pages/public/HomePage.tsx - Event Detail → Photo Service: loads photos
- Event Detail → Photo Lightbox: opens viewer
- Photo Lightbox → Photo and ZIP Downloads: downloads photo
src/components/common/Lightbox.tsx - Visitor → Customer Routes: registers or signs in
README.md - Customer Routes → Customer Account: opens account
README.md - Customer Account → Customer State: reads account state
src/pages/customer/CustomerAccountPage.tsx - Customer Account → Photo Service: loads favorites
src/pages/customer/CustomerAccountPage.tsx - Customer Account → Private Gallery Service: loads shared galleries
src/pages/customer/CustomerAccountPage.tsx - Customer Account → Photo and ZIP Downloads: downloads album
src/pages/customer/CustomerAccountPage.tsx - Visitor → Admin Routes: enters admin portal
README.md - Admin Routes → Dashboard and Analytics: routes to dashboard
src/App.tsx - Dashboard and Analytics → Analytics Service: loads metrics
src/pages/admin/AdminOverviewPage.tsx - Dashboard and Analytics → Event Service: loads recent events
src/pages/admin/AdminOverviewPage.tsx - Admin Routes → Event Management: routes to events
src/App.tsx - Admin Routes → Admin Authentication: guards access
src/App.tsx - Event Management → Event Service: manages events
src/pages/admin/AdminEventsPage.tsx - College Management → College Service: manages colleges
- Photo Upload → Photo Service: uploads photos
- Private Gallery Admin → Private Gallery Service: manages access
- Private Gallery Access → Private Gallery Service: validates passcode
- Event Service → Seed Data: loads seed events
src/services/eventService.ts - Private Gallery Service → Seed Data: loads seed access
src/services/privateGalleryService.ts - Worker Backend → Cloudflare D1: uses database
- Worker Backend → Cloudflare R2: uses object storage