Back to projects
React app 2024

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

Case note

Movie App is a React + TypeScript + Vite application for searching movies, browsing results, and viewing movie detail pages through the TMDB API.

02

Problem

Case note

Search-heavy frontend apps need fast input feedback, clear loading and empty states, pagination, and reliable external API integration.

03

My Role

Case note

I implemented the frontend application structure, search flow, movie listing, detail page, routing, and API service layer.

04

Tech Stack

Case note
  • React 18
  • TypeScript
  • Vite
  • React Router
  • Ant Design
  • Axios
  • TMDB API

05

Key Decisions

Case note
  • 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

Case note
  • 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

Case note

The project demonstrates practical frontend API integration, typed React development, routing, and common search UI patterns.

08

What I Learned

Case note

Even simple API products need careful empty states, fallback visuals, and predictable navigation to feel polished.