Movie App
A React + TypeScript + Vite movie search application using the TMDB API with autocomplete, pagination, detail pages, and poster fallbacks.
- Role
- Frontend Developer
- Year
- 2024
- Focus
- React app
01
Overview
Movie App is a React + TypeScript + Vite application for searching movies, browsing results, and viewing movie detail pages through the TMDB API.
02
Problem
Search-heavy frontend apps need fast input feedback, clear loading and empty states, pagination, and reliable external API integration.
03
My Role
I implemented the frontend application structure, search flow, movie listing, detail page, routing, and API service layer.
04
Tech Stack
- React 18
- TypeScript
- Vite
- React Router
- Ant Design
- Axios
- TMDB API
05
Key Decisions
- Added autocomplete to make search faster and easier to use.
- Used pagination for scalable result browsing.
- Created detail pages for overview, release date, genres, and poster display.
- Added poster fallback handling when TMDB data is incomplete.
06
Challenges
- Handling API latency and missing poster data gracefully.
- Keeping search, listing, and detail routes consistent.
- Balancing UI library speed with custom application structure.
07
Outcome / Impact
The project demonstrates practical frontend API integration, typed React development, routing, and common search UI patterns.
08
What I Learned
Even simple API products need careful empty states, fallback visuals, and predictable navigation to feel polished.