Building Boolflix: TMDB Search with React

Project Overview

Boolflix is a Netflix-inspired web application that lets users search for movies and TV series in real time. Built with React and Vite, it connects to The Movie Database (TMDB) API to fetch and display results.

Dual API Strategy

The search triggers two parallel Axios requests — one for movies and one for TV series. Results are merged into a single array, normalized with shared fields (title, poster, rating, overview), and rendered in a responsive card grid.

Key Components

• Header: Search input and trigger button
• MovieCard: Individual result with poster, rating stars, and language flag
• ResultsGrid: Layout container for search results

Takeaways

Working with external APIs taught me to handle loading states, normalize heterogeneous data shapes (movies use title, series use name), and structure components for reusability across different content types.