How mathewsrosh10-create/movie-app works
CINEMATE is a React movie-and-series discovery app with account-backed watchlists. Users search titles and inspect metadata, then sign in to save titles and manage their watchlist; guests can keep a browser-local list. The README also documents Google OAuth and an OMDb-to-local-data fallback. The sampled files establish app routing, auth, and watchlist calls; Home’s implementation was not sampled, so search integrations are shown only where documented, with uncertain wiring marked dashed.
Main entry points: App.jsx App shell · watchlistService.js Watchlist operations · Watchlist.jsx Watchlist page · AuthContext.jsx Session and auth
Components 13
Discovery and navigation
- App shell
src/App.jsx - Search and details
src/pages/Home.jsx - Demo catalog
src/mockData.js
Authentication
- Auth dialog
src/components/AuthModal.jsx - Session and auth
src/context/AuthContext.jsx
Watchlist management
- Watchlist page
src/pages/Watchlist.jsx - Status controls
src/components/WatchlistControl.jsx
Persistence and services
- Watchlist operations
src/lib/watchlistService.js - Supabase client
src/lib/supabaseClient.js
Other components
- Viewer
- Supabase platform
- OMDb API
- Browser local storage
Connections 18
- Viewer → App shell: uses
src/App.jsx - App shell → Search and details: routes to
src/App.jsx - App shell → Watchlist page: routes to
src/App.jsx - App shell → Auth dialog: renders
src/App.jsx - App shell → Session and auth: reads session
src/App.jsx - App shell → Watchlist operations: loads list
src/App.jsx - App shell → Browser local storage: reads and writes guest list
src/App.jsx - Auth dialog → Session and auth: requests auth
src/components/AuthModal.jsx - Session and auth → Supabase client: uses
src/context/AuthContext.jsx - Supabase client → Supabase platform: connects
README.md - Watchlist page → Session and auth: reads session
src/pages/Watchlist.jsx - Watchlist page → Watchlist operations: loads and removes
src/pages/Watchlist.jsx - Watchlist page → Status controls: renders
src/pages/Watchlist.jsx - Status controls → Watchlist operations: updates entries
src/components/WatchlistControl.jsx - Watchlist operations → Supabase client: queries
src/lib/watchlistService.js - Watchlist operations → Supabase platform: reads and writes rows
README.md - Search and details → OMDb API: fetches metadata
README.md - Search and details → Demo catalog: falls back to
README.md