How askhan963/netflix-clone-mern works
This is a Netflix-style streaming discovery clone: users authenticate, browse movie and TV content, inspect titles, and open a player; signed-in users can also maintain a liked-movies list. The sampled home page and Redux store show TMDB discovery, while the card and backend sources show liked-list operations. Login/signup, detail, playback, genre, and list screens are represented from the tree and README, but their internal wiring was not sampled.
Main entry points: App.js React app routes · Card.jsx Title card · index.js Catalog state · Netflix.jsx Home discovery
Components 23
Client navigation
- React app routes
netflix-ui/src/App.js - Client entry
netflix-ui/src/index.js - Login
netflix-ui/src/pages/Login.jsx - Signup
netflix-ui/src/pages/Signup.jsx
Catalog and playback
- Home discovery
netflix-ui/src/pages/Netflix.jsx - Movies
netflix-ui/src/pages/Movies.jsx - TV shows
netflix-ui/src/pages/TVShows.jsx - Genre selector
netflix-ui/src/components/SelectGenre.jsx - Title slider
netflix-ui/src/components/Slider.jsx - Title card
netflix-ui/src/components/Card.jsx - Title details
netflix-ui/src/pages/Info.jsx - Player
netflix-ui/src/pages/Player.jsx - Catalog state
netflix-ui/src/store/index.js
Liked movies
- My list
netflix-ui/src/pages/UserListedMovies.jsx
Backend persistence
- User API server
backend/server.js - User routes
backend/routes/UserRoutes.js - Liked-list logic
backend/controllers/UserController.js - User model
backend/models/UserModel.js - Database connector
backend/db.js
Other components
- Viewer
- Firebase Auth
- TMDB API
- MongoDB
Connections 30
- Viewer → Client entry: opens
- Client entry → React app routes: renders
- React app routes → Login: routes
- React app routes → Signup: routes
- React app routes → Home discovery: routes
- React app routes → Movies: routes
- React app routes → TV shows: routes
- React app routes → Title details: routes
- React app routes → Player: routes
- React app routes → My list: routes
- Login → Firebase Auth: authenticates
- Signup → Firebase Auth: authenticates
- Home discovery → Firebase Auth: checks session
- Home discovery → Catalog state: dispatches discovery
- Home discovery → Title slider: renders titles
- Movies → Genre selector: offers filtering
- TV shows → Genre selector: offers filtering
- Title slider → Title card: renders titles
- Title card → Title details: opens details
- Title card → Player: opens playback
- Catalog state → TMDB API: fetches catalog
- Title card → User API server: adds title
- Title card → Catalog state: dispatches removal
- My list → Catalog state: loads liked titles
- Catalog state → User API server: reads or removes
- User API server → Database connector: connects
- User API server → User routes: mounts routes
- User routes → Liked-list logic: dispatches requests
- Liked-list logic → User model: queries or updates
- Database connector → MongoDB: connects