Movie Index App
Een TMDB-filmbrowser met debounced search en Appwrite-powered trends.
Website bezoeken
MOVIE INDEX APP· HERO · 16:9Gerichte React 19 + Vite app voor filmontdekking. Gebruikers kunnen populaire films bekijken, TMDB doorzoeken, postercards inspecteren met rating/taal/jaar-metadata en een trending strip zien op basis van Appwrite zoekcount-analytics.
Solo React-project om comfortabeler te worden met React voordat ik aan een grotere React-codebase begon. Ik bouwde de Vite-app, herbruikbare componenten, TMDB fetch-flow, debounced search, Appwrite search analytics, responsive Tailwind-interface, lint-setup en productiebuild-pad.
Wat in de weg stond.
Ik had een groter React-project op komst en wilde voorbij tutorials naar een kleine maar volledige app. De uitdaging was oefenen met de onderdelen die ertoe doen in dagelijks React-werk: componentgrenzen, state, effects, API-calls, loading/error states, responsive UI en integratie met een lichte backendservice.
Hoe ik het opgelost heb.
Ik hield de scope bewust gefocust: TMDB discover/search endpoints lopen door een fetch-pad, `react-use` debouncet search met 500ms, Appwrite bewaart en verhoogt zoektermen en de trending rail leest de vijf documenten met de hoogste count. Search bezit de controlled input, MovieCard bezit movie formatting, Spinner bezit loading feedback en App bezit de data-state op paginaniveau.
Grid met populaire films