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

Pubblicato il: 14 dicembre 2022
sul canale di: Tuat Tran Anh

37,888

766

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 Movie...

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

In questa pagina del sito puoi guardare il video online Part 2 | Full Stack Responsive React Movies App With API | MERN Project | React Tutorial della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Tuat Tran Anh 14 dicembre 2022, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 37,888 volte e gli è piaciuto 766 spettatori. Buona visione!

15,872

128