Current Most Popular Movies App

Popular movie web app updated weekly with the latest movie titles. Built with the TMDb API, HTML, Tailwind and React.

Installation

Use the package manager npm to install packages required to build this project.

npm install

Then

npm start

Motivation

I wanted practice using useState, props and ternary expressions to create instant filtering as well as using fetch and map to display data in an appealing and useful way. I also coded a for loop to iterate over the TMDb API pagination (limited to 20 movies per page) to pull the top 100 results from TMDb.

Screenshot

Features

The database is an array of local objects for both the resources and the categories. I have also experimented with framer motion to add some subtle animation to the app.

Credit

Thank you TMDb for providing such a great open source API. Try building your own project by starting here.