CineView is een moderne webapplicatie gebouwd met React en de TMDB API. Hiermee kunnen gebruikers populaire films ontdekken en hun favoriete titels zoeken.
https://cine-view-dusky.vercel.app/
- Real-time Data: Koppeling met de TMDB API.
- Zoekfunctie: Zoek direct in een database van duizenden films.
- Responsive Design: Geoptimaliseerd voor desktop, tablet en mobiel.
- Modern UI: Gebouwd met CSS Grid en Flexbox.
- Frontend: React (Vite)
- State Management: React Hooks (
useState,useEffect) - API: REST API via Fetch
- Deployment: Vercel
- Clone deze repo:
git clone https://github.com - Installeer dependencies:
npm install - Voeg je
.envbestand toe met jeVITE_TMDB_API_KEY. - Start de app:
npm run dev
CineView Een moderne, responsive webapplicatie gebouwd met React en Vite, waarmee gebruikers films kunnen ontdekken, zoeken en hun favorieten kunnen beheren. De app haalt real-time data op via de TMDB (The Movie Database) API. 🚀 Features
Real-time Data: Integratie met de TMDB API voor populaire en trending films.
Geavanceerd Zoeken: Gebruikers kunnen direct zoeken in de uitgebreide database van TMDB.
Favorieten Systeem: Voeg films toe aan je persoonlijke lijst. Dankzij LocalStorage blijven je favorieten bewaard, zelfs na het verversen van de pagina.
Multi-page Navigatie: Gebruik van React Router v6 voor een naadloze Single Page Application (SPA) ervaring met specifieke routes voor Home, Populair en Favorieten.
Paginering: Blader door honderden pagina's met populaire films met een dynamisch pagineringssysteem.
Responsive Design: Een "Netflix-style" interface die volledig geoptimaliseerd is voor desktop, tablet en mobiel met behulp van CSS Grid en Flexbox.
User Experience: Inclusief loading spinners, hover-effecten en interactieve iconen via Lucide React.
🛠 Tech Stack
Frontend: React (Hooks: useState, useEffect)
Build Tool: Vite
Routing: React Router DOM
Styling: Modern CSS3 (Custom Variables, Grid, Flexbox)
Icons: Lucide React
API: TMDB REST API
Deployment: Vercel
Dit project maakt gebruik van de TMDB API, maar wordt niet ondersteund of gecertificeerd door TMDB. Alle filmdata en afbeeldingen zijn eigendom van hun respectievelijke eigenaren.
Dit project is gelicenseerd onder de MIT-licentie.
Copyright © 2026 CineView