Part 2 | Full Stack Responsive React Movies App With API | MERN Project | React Tutorial
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
Смотрите видео Part 2 | Full Stack Responsive React Movies App With API | MERN Project | React Tutorial онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Tuat Tran Anh 14 Декабрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 35,451 раз и оно понравилось 748 людям.