How jstmejosh/flickfinder works
FlickFinder is a React movie-discovery app: visitors browse popular titles or search, open a movie’s detail page, and can return to browsing. The route layer selects the home, detail, or not-found view; the home and detail views request data through a shared TMDB Axios client. README capabilities such as responsive presentation are represented within those views, not as separate runtime modules. The sampled source confirms these routes and API requests; no separate movie-card or API module exists in the supplied tree.
Main entry points: axiosInstance.js TMDB client · Home.jsx Popular and search · MovieDetails.jsx Movie details · AppRouter.jsx Route selection
Components 12
App entry
- React mount
src/main.jsx - App shell
src/App.jsx - Route selection
src/AppRouter.jsx
Movie discovery
- Popular and search
src/Pages/Home.jsx - Search navigation
src/components/NavBar.jsx - Site footer
src/components/Footer.jsx
Movie details
- Movie details
src/Pages/MovieDetails.jsx - Not-found view
src/Pages/NotFound.jsx
API integration
- TMDB client
src/axiosInstance.js - TMDB API
Other components
- Visitor
Connections 17
- Visitor → React mount: opens app
- React mount → App shell: mounts
- App shell → Route selection: renders
- Route selection → Popular and search: routes home
- Route selection → Movie details: routes detail
- Route selection → Not-found view: routes not-found
- Popular and search → Search navigation: renders
- Popular and search → Site footer: renders
- Movie details → Search navigation: renders
- Movie details → Site footer: renders
- Popular and search → TMDB client: requests movies
- Movie details → TMDB client: requests detail
- TMDB client → TMDB API: sends API requests
- TMDB API → TMDB client: returns data
- TMDB client → Popular and search: returns results
- TMDB client → Movie details: returns details
- Site footer → WhatsApp: opens chat