Movies and TV Series Searching App in React JS and Material UI 🔥

Опубликовано: 12 Февраль 2021
на канале: RoadsideCoder

168,502

3.3k

Lets Create a Movies and TV Series App in React JS and Material UI with full responsive fuctionality. We will use MovieDB API for backend.

If any questions, ask me here-
  / roadsidecoder

Source Code -
https://github.com/piyush-eon/react-e...

Live Site -
https://entertainmenthub.netlify.app/

MovieDB / TMDB API -
Website - https://developers.themoviedb.org/3
_______________________________
All the API Endpoints -
https://www.notion.so/MovieDB-API-End...

Trending -
`https://api.themoviedb.org/3/trending...{process.env.REACT_APP_API_KEY}&page=${page}`

Discover Movie -
https://api.themoviedb.org/3/discover...{process.env.REACT_APP_API_KEY}&language=en-US&sort_by=popularity.desc&include_adult=false&include_video=false&page=${page}&with_genres=${genreforURL}`

Discover TV Series-
`https://api.themoviedb.org/3/discover...{process.env.REACT_APP_API_KEY}&language=en-US&sort_by=popularity.desc&include_adult=false&include_video=false&page=${page}&with_genres=${genreforURL}`

Search -
https://api.themoviedb.org/3/search/${type?"tv":"movie"}?api_key=${process.env.REACT_APP_API_KEY }&language=en-US&query=${searchText}&page=${page}&include_adult=false`

Genres -
`https://api.themoviedb.org/3/genre/${type}/list?api_key=${process.env.REACT_APP_API_KEY}&language=en-US`

Modal -
`https://api.themoviedb.org/3/${media_type}/${id}?api_key=${process.env.REACT_APP_API_KEY}&language=en-US`

Youtube Video -
`https://api.themoviedb.org/3/${media_type}/${id}/videos?api_key=${process.env.REACT_APP_API_KEY}&language=en-US`

Carousel -
`https://api.themoviedb.org/3/${media_type}/${id}/credits?api_key=${process.env.REACT_APP_API_KEY}&language=en-US`
_______________________________________

Flexbox in 20 Minutes -
   • Master CSS Flexbox in 20 minutes

React Router DOM Tutorial-
   • React Router Dom [ Full Tutorial ] | ...

Make React App a PWA -
   • Convert React JS App into a PWA [ FUL...

Material UI -
https://material-ui.com/

Learn React From Scratch -
   • React JS Workshop Day 1 - Basics incl...