How mastermindmtm/backbenchers-main works
BackBenchers is a class-memory and farewell microsite. Visitors enter the React app and browse its landing page, embedded aftermovie, and gallery; the hero also scrolls visitors to the movie and gallery sections. Separate components provide a searchable roll call and farewell message board, though the sampled App does not mount them. Farewell notes are read from and written to browser localStorage through the storage module. Source evidence is limited to the supplied excerpts; some components and the migration are represented only by their paths and names.
Main entry points: App.tsx App composition · VideoSection.tsx Aftermovie · Hero.tsx Landing hero · useInView.ts View observer
Components 14
Site experience
- App composition
src/App.tsx - Navigation
src/components/Navbar.tsx - Landing hero
src/components/Hero.tsx - Aftermovie
src/components/VideoSection.tsx - Photo gallery
src/components/Gallery.tsx - Footer
src/components/Footer.tsx
Memory features
- Searchable roll call
src/components/RollCall.tsx - Farewell board
src/components/Farewell.tsx - Message storage
src/lib/supabase.ts
Shared runtime
- View observer
src/hooks/useInView.ts - Parallax hook
src/hooks/useParallax.ts
Browser integrations
- Browser localStorage
- YouTube player
Other components
- Visitor
Connections 14
- Visitor → App composition: opens
- App composition → Navigation: renders
- App composition → Landing hero: renders
- App composition → Aftermovie: renders
- App composition → Photo gallery: renders
- App composition → Footer: renders
- Landing hero → Aftermovie: scrolls to
- Landing hero → Photo gallery: scrolls to
- Aftermovie → View observer: observes visibility
- Farewell board → View observer: observes visibility
- Searchable roll call → View observer: observes visibility
- Farewell board → Message storage: loads and adds
- Message storage → Browser localStorage: reads and writes
- Aftermovie → YouTube player: embeds player