Skip to content

iakancay/ProjectUsingApi

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 

Repository files navigation

Movie Search Project

I used TMDB API for this project. In this project you can

  1. List Top Rated, Popular, Now Playing and Upcoming movies.
  2. Look movie detail after clicking movie card.
  3. Watch movie trailer in movie detail page.
  4. Search any movie with search box.

You can try application demo from here.

WELCOME PAGE

Welcome page

MOVIE LIST PAGE

Top Rated Movies

MOVIE DETAILS PAGE

Movie Details

MOVIE TRAILER MODAL

Trailer Video

📦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

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors