How ismagold67/desafio-verzel works
This is a full-stack movie search and favorites app. A user searches from the React page; the Django API proxies search and detail requests to TMDB, while favorites are stored as shareable lists. The UI can reload its own list from a browser-stored list ID, toggle favorites, and copy a link that opens the shared-list page. The graph includes documented shared-list behavior, though that page’s implementation was not sampled; its exact path is taken from the tree. Backend routing and persistence paths are also included based on the tree and README.
Main entry points: SearchPage.jsx Search page · views.py API views · urls.py API routing · main.jsx Page router
Components 16
React application
- Page router
frontend/src/main.jsx - Search page
frontend/src/pages/SearchPage.jsx - Search input
frontend/src/components/SearchBar/SearchBar.jsx - Movie list
frontend/src/components/MovieList/MovieList.jsx - Movie card
frontend/src/components/MovieCard/MovieCard.jsx - Movie details
frontend/src/components/MovieModal/MovieModal.jsx - App header
frontend/src/components/Header/Header.jsx - Shared favorites
frontend/src/pages/FavoritesPage.jsx
Django API
- API routing
backend/api/urls.py - API views
backend/api/views.py - API serializers
backend/api/serializers.py
Movie data
- TMDB API
Favorite lists
- Favorite models
backend/api/models.py - Favorites database
backend/config/settings.py
Other components
- Movie viewer
- Browser localStorage
Connections 20
- Movie viewer → Page router: opens app
- Page router → Search page: routes /
- Page router → Shared favorites: routes shared link
- Search page → App header: renders
- Search page → Search input: renders
- Search page → Movie list: renders results
- Movie list → Movie card: renders cards
- Movie card → Search page: selects or toggles
- Search page → Movie details: renders details
- Search input → Search page: submits query
- Search page → Browser localStorage: reads and writes list ID
- Search page → API routing: requests search and details
- Search page → API routing: manages favorites
- Shared favorites → API routing: loads shared list
- API routing → API views: dispatches requests
- API views → TMDB API: requests search or details
- API views → Favorite models: reads and changes lists
- API views → API serializers: serializes responses
- Favorite models → Favorites database: reads and writes
- Search page → Movie viewer: copies share link