I used TMDB API for this project. In this project you can
- List Top Rated, Popular, Now Playing and Upcoming movies.
- Look movie detail after clicking movie card.
- Watch movie trailer in movie detail page.
- Search any movie with search box.
You can try application demo from here.
📦src
┣ 📂api
┃ ┣ 📜getDetails.js
┃ ┣ 📜getMovies.js
┃ ┣ 📜getSearchedMovies.js
┃ ┗ 📜getSimilarMovies.js
┣ 📂client
┃ ┣ 📂assets
┃ ┃ ┣ 📜.DS_Store
┃ ┃ ┣ 📜default_poster.jpeg
┃ ┃ ┣ 📜logo.png
┃ ┃ ┣ 📜movie_detail.png
┃ ┃ ┣ 📜top_rated.png
┃ ┃ ┣ 📜trailer.png
┃ ┃ ┣ 📜welcome.png
┃ ┃ ┗ 📜welcomegif.avif
┃ ┣ 📂components
┃ ┃ ┣ 📜castView.js
┃ ┃ ┣ 📜detailsView.js
┃ ┃ ┣ 📜errorView.js
┃ ┃ ┣ 📜movieCardView.js
┃ ┃ ┣ 📜navbarView.js
┃ ┃ ┣ 📜similarView.js
┃ ┃ ┣ 📜trailerModalView.js
┃ ┃ ┗ 📜welcomeView.js
┃ ┣ 📂pages
┃ ┃ ┣ 📜movieDetailsPage.js
┃ ┃ ┣ 📜movieListPage.js
┃ ┃ ┣ 📜searchResultsPage.js
┃ ┃ ┗ 📜welcomePage.js
┃ ┗ 📜.DS_Store
┣ 📜app.js
┣ 📜constants.js
┣ 📜index.html
┗ 📜style.css