Part 2 | Full Stack Responsive React Movies App With API | MERN Project | React Tutorial

Published: 14 December 2022
on channel: Tuat Tran Anh

35,451

748

Hello friends. In this video, we continue build Fullstack Responsive Movie Website with MERN stack and Themoviedb. You can watch Part 1 here    • Part 1 | Full Stack Responsive React ...

Demo: https://moonflix.vercel.app/

What are the features of this project?

Sign up / Sign in
Save movie to Favorite list (Remove favorite item)
Write review for movie (Delete review)
Search movies / tv series / people
Light / Dark theme

What are the technologies in this project?

Front end
Create react app
Material UI
SwiperJS
React router v6
Formik
Yup
Axios
Back end
Express rest api
Express Validator
Jsonwebtoken
Mongoose
Axios

Don't forget to click the like button and share the video with your friends if you found the video useful.

Please support me by LIKE, SHARE and SUBSCRIBE, thank you!

---- CONTACT

Facebook:   / trananh2001

Github: https://github.com/trananhtuat

---- SOURCE CODE

https://github.com/trananhtuat/fullst...

---- RESOURCE

Create React App: https://create-react-app.dev/
Material UI: https://mui.com/
Mongoose: https://mongoosejs.com/
ExpressJS: https://expressjs.com/
Express Validator: https://express-validator.github.io/d...
React Router: https://reactrouter.com/
Formik: https://formik.org/
Yup: https://github.com/jquense/yup
Axios: https://axios-http.com/
Swiper: https://swiperjs.com/
ThemovieDB: https://www.themoviedb.org
JWT: https://github.com/auth0/node-jsonweb...

---- TIMESTAMP

00:00 - Demo
04:42 - User Dropdown Menu
08:29 - Sidebar
25:53 - Sign In Sign Up Modal
35:39 - Sign In Form
56:05 - Sign Up Form
01:00:08 - Fix Toastify CSS
01:01:37 - Get User with JWT
01:08:30 - Circular Rate
01:12:05 - Hero Slide
01:51:02 - Movie Slide
02:03:24 - Movie Slide Item
02:30:39 - Image Header
02:34:29 - Media Detail
03:12:16 - Add Movie to Favorite
03:18:21 - Remove Favorite
03:21:55 - Movie Videos Slide
03:37:25 - Movie Backdrops Slide
03:43:21 - Movie Poster Slide
03:46:00 - Movie Recommend Slide
03:51:44 - Movie Review
04:30:13 - Media List Page
05:00:34 - Fix UseEffect Error
05:02:48 - Fix Meida query with Page
05:04:32 - Media Search
05:22:13 - People Detail Page
05:44:04 - User Favorite Page
05:58:39 - User Review Page
06:18:10 - Update Password
06:31:19 - End

---- MORE AWESOME VIDEOS

   / tuattrananh

----------------------------------------------------------------------------------

#tuattrananh #React #ReactJS #themoviedb #movies #reactmovies #reactmoviewebsite #JavaScript #JS #HTML #CSS #JavaScript #Ecommerce #slider #responsive #Darkmode #landingpage #landing #Redux #reactredux #reacthook #reacthooks #hooks #router #reactrouter #reactrouterdom #swiperjs #swiperreact #swiper

Watch video Part 2 | Full Stack Responsive React Movies App With API | MERN Project | React Tutorial online without registration, duration hours minute second in high quality. This video was added by user Tuat Tran Anh 14 December 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 35,451 once and liked it 748 people.

2,126,826

32K

00:00:59