emilio@blacksmith:~$← forged works

project / 2024 / Front End Developer

Movie Landing Page

Browse movies and TV shows with data from the TMDB API. Scroll the lists, open any title for details, and get a smooth, responsive experience.

Movie Landing Page preview 1
Movie Landing Page preview 2
Movie Landing Page preview 3

overview

This landing page pulls movies and TV shows from the TMDB API. Browse the lists, open any title for the full details, and enjoy a smooth, responsive experience.

features

Dynamic Movie and TV Show List

Fetch and display a slider list of movies and tv shows from the Movie Database API.

Detailed View

Click on a movie to view more detailed information including release date, ratings, and reviews.

State Management

Utilizes Context API for managing application state.

API Integration

Efficient handling of API requests to dynamically load movie data.

challenges

The main headache was the TMDB API calls, plus keeping state in sync with React's Context API as the sidebar or a media card swapped what was on screen.