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

preview_player
Показать описание


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

---- SOURCE CODE

---- RESOURCE

---- 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 #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
Рекомендации по теме
Комментарии
Автор

All love for you and your process <3.

HoangPham-pntd
Автор

Wow, what a wonderful project. Thanks for your efforts!

dinhoangduy
Автор

I can proudly say I developed this without any help of this video just only the design

bekiteshome
Автор

Please can you add part 3 ?
custom video player + Paid video hosting CDN to host website videos on it + admins, moderators panel and more ...

Thanks

ahmedjaber
Автор

That's what I was looking for.
Thank you So much Sir

professionalshahbaz
Автор

Nice video. This is exactly what current I need. Thank Anh Zai.

aiviet
Автор

Project chất lượng quá a! ra nhiều video hơn nha a!

thinhpham
Автор

oh my god it is wonderful gift for new year thanks bro

kainorling
Автор

I don't believe this knowledge is free!! Cám ơn anh đã chia sẽ nó❤️❤️❤️

texxt
Автор

Lần sau đổi mới làm dự án với typescript đi anh 😀

NguyenLam-vznb
Автор

Your content is just awsem !!.... BTW which theme you are using in VS code ??

tanujkalonia
Автор

Đây là video giúp em học hỏi được nhiều hơn, cảm ơn anh nhé 😊

hptstudio
Автор

Wow, increible! Gracias por tu esfuerzo!

camilochavarro
Автор

Very cool video. Please, please make an admin to CRUD content

qweqwe-fw
Автор

Đỉnh luôn anh. Mà hồi anh làm đồ án tốt nghiệp anh làm về đề tài gì vậy...em k bt chọn đề tài hướng nào đi hỏi lung tung th😁

MinhNguyen-sxhd
Автор

More than great work, thank you !!
I have a question,
there is no control panel-dashboard (administrator)??

chakeryaakoub
Автор

Hi! Very interesting project, a very high quality level. I would like to program sites and apps like you! But from which point to start? I need a very basic tutorial to start with. Which do you suggest? I want to learn Node and React of course at minimum. Thanks!

mauriziocozzetto
Автор

Bạn ơi cho mình hỏi ở phút 19:27 tại sao lại phải dùng ListItemText có props disableTypography rồi lại bọc thêm thẻ Typo vào sử dụng vậy nhỉ? Mình thấy ko cần props disableTypography + bọc thẻ Typo thì vẫn ra chữ bình thường mà nhỉ? Mong bạn giải đáp, mình cảm ơn b

hoainhannguyenphan
Автор

anh có thể làm một video về cách xây dựng 1 trang web page builder được không ạ, cảm ơn anh nhiều vì đã tạo ra video này 😍😍

hadoan
Автор

im getting error like failed to reload on the server side 501 how to resolve that

me_