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: https://www.facebook.com/trananh2001
Github: https://github.com/trananhtuat
---- SOURCE CODE
https://github.com/trananhtuat/fullstack-mern-movie-2022
---- 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/docs/
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-jsonwebtoken
---- 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
https://www.youtube.com/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