react js movies and tv searching app 2023 || live react js projects in 2023 || react js projects
react js movies and tv searching app 2023 || live react js projects in 2023 || react js projects
In this tutorial we'll be creating a movie application using React, Routing, Axios, React Bootstrap Css, React Pagination, React Alice Carousel implementing React Hooks, and fetching data from an external API (The Movie Database).
In this video we creating a home page with call a api using useEffect lifecycle hook and do a pagination in bottom.
Let's Create a Movies and TV Series App in React JS and React Bootstrap with full responsive functionality. We will use MovieDB API for backend.
We create multiple pages :-
1. Top Trending
2. Top Trending Movies with Filter By Categories
3. Top Trending TV Series with Filter By Categories
4. Search Movies / TV Series
5. CONNECT WITH US
6. About Page
1. App setup
2. React Routing
3. Dynamic Routing
4. AXIOS setup and used
5. React Bootstrap install and setup
6. Bootstrap Icons
7. React Pagination
8. React Alice Carousel
9. themoviedb API used and setup
📺 Time Stamps--
👉 0:00 - Introduction
👉 16:10 - information about api dependency where you get the api and dependency
👉 17:05 - Start the Coding with NPX create-react-app
👉 27:45 - react folder structure best practices 2023
👉 36:40 - react routing best practices 2023 (how to configuration routing and how to used it.)
👉 46:56 - create header and footer in react js version 18 (configuration header and footer in react js 2023)
👉 01:19:43 - create .env file for api key react js version 18 (configuration .env file react js 2023)
👉 01:28:36 - card movies components create react js version 18
👉 01:34:55 - dynamic routing add react js version 18 (configuration dynamic routing in react js)
👉 02:38:10 - pagination add react js version 18 (configuration pagination in react js)
Movie API Document Page Url
:- https://www.themoviedb.org/documentat...
(Create an account and request an API key) Movie API Home Page Url
:- https://www.themoviedb.org/
GitHub source code url :- https://github.com/rohitazad/my-enter...
app live url :- https://my-entertainment-react.vercel...
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
So, Like , subscribe, share, and support to keep us motivating.
Don't Forget to Follow me on all Social Network,
Twitter: / rohitazad
Facebook: / rohitazadmalik
Stackoverflow: https://stackoverflow.com/users/13654...
LinkedIn: / rohitazad
Github: https://github.com/rohitazad