How mmsabit/cine-vault works
Cine Vault is a Next.js movie-discovery site. Visitors land on a home page with featured, upcoming, and currently playing movies, then can browse movie listings, open a movie detail page, or navigate to TV and cast sections. The sampled code confirms movie and genre requests to a TMDB-compatible API, plus detail retrieval; the TV, cast, listing, and hero-fetch implementations were not sampled, so their internal data flows are not shown.
Main entry points: Navber.jsx Navigation · page.js Home page · layout.js App layout · UcSection.jsx Upcoming section
Components 20
Site shell
- App layout
src/app/layout.js - Navigation
src/Components/Navber.jsx - Footer
src/Components/Footer.jsx
Home discovery
- Home page
src/app/page.js - Featured hero
src/Components/HeroSection/HeroCall.jsx - Hero slide
src/Components/HeroSection/HeroSlide.jsx - Upcoming section
src/Components/upcomingMovies/UcSection.jsx - Upcoming carousel
src/Components/upcomingMovies/UcCarousel.jsx - Upcoming card
src/Components/upcomingMovies/UcCard.jsx - Now playing
src/Components/nowplaying/NowPlaying.jsx - Now carousel
src/Components/nowplaying/NowCarousel.jsx - Now card
src/Components/nowplaying/NowCard.jsx
Movie browsing
- Movie catalog
src/app/movies/page.jsx - Pagination
src/app/movies/Pagination.jsx - Movie detail
src/app/movies/[movieid]/page.jsx
Other sections
- TV section
src/app/tv/page.jsx - Cast section
src/app/cast/page.jsx
Other components
- Visitor
- TMDB API
- TMDB images
Connections 25
- Visitor → App layout: opens site
- App layout → Navigation: renders
- App layout → Footer: renders
- App layout → Home page: renders route
- Navigation → Home page: links home
- Navigation → Movie catalog: links movies
- Navigation → TV section: links TV
- Navigation → Cast section: links cast
- Home page → Featured hero: renders
- Home page → Upcoming section: renders
- Home page → Now playing: renders
- Featured hero → Hero slide
- Upcoming section → Upcoming carousel: passes movie data
- Upcoming carousel → Upcoming card
- Upcoming section → TMDB API: fetches upcoming and genres
- Upcoming card → TMDB images: loads posters
- Now playing → Now carousel: passes movie data
- Now carousel → Now card
- Now playing → TMDB API: fetches current and genres
- Now card → TMDB images: loads posters
- Now card → Movie detail: links details
- Movie catalog → Pagination
- Pagination → Movie catalog: changes page
- Movie detail → TMDB API: fetches movie
- Movie detail → TMDB images: loads artwork