MERN Mastery: Building a Scalable Movies App for Ultimate User Experience

In this comprehensive tutorial, embark on a journey to MERN mastery as we delve into the creation of a scalable movies application. From conceptualization to execution, you'll learn step-by-step how to harness the power of the MERN stack (MongoDB, Express.js, React.js, Node.js) to craft an immersive user experience. Elevate your development skills as we cover the intricacies of building a robust backend, dynamic frontend, and seamless integration, ensuring optimal performance and scalability. Whether you're a novice or seasoned developer, this tutorial empowers you to unleash your creativity and build a next-level movies app that captivates audiences and delivers the ultimate user experience.
Follow Me On 👇
Instagram: / huxnshorts
KZbin: / @huxnwebdev
GitHub: github.com/huxn-webdev
Twitter: / huxnwebdev
00:00 - Intro
0:09 - Project Overview
8:45 - Prerequisites
10:37 - Project Setup
29:29 - Users Management ( Backend )
1:18:11 - Redux Toolkit & RTK Query Setup & Navigation
1:53:47 - Register User ( Frontend )
2:14:21 - Login User ( Frontend )
2:29:09 - Update User ( Frontend )
2:47:13 - Genres ( Backend )
3:07:48 - Genres ( Frontend )
3:38:46 - Movies ( Backend ) Part 1
3:52:41 - Movies ( Backend ) Part 2
4:10:42 - Movies ( Backend ) Part 3
4:25:06 - Image Upload ( Backend )
4:33:49 - Movies RTK Query Endpoints
4:42:56 - Create Movie ( Frontend )
5:09:50 - Read Movies, Admin Specific ( Frontend )
5:15:58 - Update & Delete Movies ( Frontend )
5:36:54 - Header & Home Screens ( Frontend )
5:53:34 - All Movies With Multiple & Advance Filters ( Frontend )
6:19:55 - Movie Details Screen ( Frontend )
6:41:24 - Comments Section ( Frontend )
6:47:21 - Awesome Dashboard ( Frontend )
7:09:13 - Outro

[@huxnwebdev]

Build MERN Stack E-Commerce Store 👇 kzbin.info/www/bejne/hoPThYxrgbhsa68&pp=gAQBiAQB Complete Source Code 👇 github.com/HuXn-WebDev/MERN-Movies-App

[@varunsannapureddy6782]

Bro can you try making some Beginner level projects in MERN and NEXT.JS to make the concepts more clear.

[@basabsaha6370]

You are something different than other youtubers....getting addicted to your tutorials.....pls make a deployment videot too ....

[@wuehirim]

This is AWESOME HuXn 💯❤🙏🏻 Thank you!

[@geoffreywaihenya2793]

This is pure genius. I love your work man! Kindly , would you post a video on how to create an simple app all the way from coding to publishing in Google play store with java just to get the idea of how to compose all the knowledge I have into an app? I just need to know the steps please, the rest I will do it

[@niteshprajapat7918]

WOOOHH 🎉🥳🥳 This is literally stunning project 🎉 Creativity is top-notch 💪🔥 Thank you Sir ❤

[@huxnwebdev]

Most welcome my brother, Enjoy😊

[@vikassoni7882]

Liked💯 Commented💯 Now enjoy watching 🎉

[@huxnwebdev]

Lessss Gooooo!!!!

[@satyanshsingh3041]

nice vedio

[@tarikidagmail]

Very useful course. Thanks for sharing. I have already started

[@huxnwebdev]

You're welcome and good luck!

[@TechthroughAges]

wow well done

[@andrejkling3886]

Excellent job...🔥💯 thank you so much

[@huxnwebdev]

You're welcome my bro 🥂

[@harryken2511]

nice one bro the work u have is great👍❤

[@huxnwebdev]

Thanks 🔥

[@AdolfRizzler41]

This is just what i newd to buss

[@sudarshansharma2896]

can you please tell which font-family and theme you are using in your VS code, it really looks amazing!

[@user-mp4bt8lv5h]

U ar the best

[@technopal7969]

Which vs code theme are you using? Your tutorials are the best😍🔥

[@Marvelous71]

Subscribed bro i will not be surprised if you reach 1million subscribers in 1or 2years clear and effiscient great job

[@rkchavda5959]

Bro is that that project run completely???

[@GelaDzia20]

This project is amazing for learning pruposes. you are doing everything on a top level, can you answer, is it possible to remove scrollbar?

[@priyanshuganatra]

Let's goo❤❤

[@huxnwebdev]

yessir 🔥🔥

[@DeepLook1]

No way bro your 🌟🌟🌟

[@SherMuhammadMuhammadiqba-hv9ge]

bro amazing work! i want to ask one thing which font you use in vs code??😊

[@madeiragoddess]

Awesome bro🎉🎉🎉

[@huxnwebdev]

Thanks Sis 🤝

[@bilal5488]

😍just awesome

[@huxnwebdev]

You wanted Redux Toolkit & RTK Query project right?

[@bilal5488]

@@huxnwebdev 😲man you remember really thankew soooo much for that mate♥️😍

[@karthikm.1804]

Please also bring video on fullstack app with Vue and express!!

[@mohamedsanpai1922]

can u do a playlist for only react js projects , Thanks for the good content !

[@target500milliontradersinv5]

Pure hard Work

[@huxnwebdev]

my bro 🥂

[@hameeeed5992]

Amazing

[@huxnwebdev]

🥂🥂

[@niteshprajapat7918]

This course taught me some RTK Query as well 🔥😂. I was never familiar with this. Thank you Sir ❤❤. One request: You explain too much fast pace, please slower a bit pace😂😂

[@huxnwebdev]

I'm glad you've enjoyed my content, and ill do my best to slow down a bit 😊

[@mangalap1926]

Is this app only contains crud operation? is there any functionalities for booking? In this app

[@mikerushton1994]

Any chance you could show a video about forgetting and resetting the user password using Redux create Api? Tried it myself but can't seem to figure out the resetting password using redux logic

[@maazkhanofficial7191]

❤❤❤❤❤❤ Woww

[@huxnwebdev]

My Bro 🥂

[@s.sakthishwaranvib3506]

You are great

[@huxnwebdev]

Thanks my bro 🥂

[@ia5160]

Want Only react js website not full stack thanks for this video

[@samcosystem5025]

Which screen recorder

[@mallikarjunkonemane6908]

Hii HUxn! For running locally do we need mongodb to be installed? How to add data in Mongodb once isntalled??

[@huxnwebdev]

Here 👇 kzbin.info/www/bejne/rpXFnmqkbsmKfq8si=PC_HCU89-Q5o1Rcu

[@regilearn2138]

In real world projects we have to use to show data on tables and to crud operation/filter/paging in the tables row or on model/popup windows , what is the best way to do those, and multilevel forms , would appreciate if you can do a practical MEAN/next.js with typescript video on this. how we can use TanSTack table, on this this type of projects can you help us

[@regilearn2138]

please consider... I could not find any proper video in this technologies

[@nazar_go5498]

Hello HuXn. How do you make such amazing projects on your own?

[@huxnwebdev]

practice*

[@ahmadullahnikzad2850]

thank you so much from your video but i did not understand the asyncHandler function can i use passportjs instead of all these stuff

[@niteshprajapat7918]

asyncHandler just handle the async await error. Rest all functionality is same. Either you use simple async-await function.

[@ahmadullahnikzad2850]

@@niteshprajapat7918 thank you bhai it was a little bit unclear

[@gamekentang6273]

Waiting for social media app 🔥 king

[@huxnwebdev]

My Bro 💖

[@awaisgujjar2439]

Love from Pakistan ❤️

[@Phalcin]

Is this project responsive on mobile phones?

[@mauri9397]

is this video include all frontend parts, crud operation, and back end authentication and authorization ?

[@huxnwebdev]

Everything...

[@mauri9397]

@@huxnwebdev yes yes thank you huxn

[@mauri9397]

@@huxnwebdev and deployment?

[@Soha_Reva]

Please online food delivery website (customer, restaurant and admin)

[@niteshprajapat7918]

sir, one dount, what is use of asyncHandler when we use async-await in code. Im confused about this. please help

[@huxnwebdev]

async-await doesn't handle errors in asynchronous operations by default, that's why i've created custom error handler (asyncHandler), The main purpose of asyncHandler is to handle errors that occur in asynchronous operations, it's that simple. There are also npm packages which do the same thing for example express-async-handler Which you can install by using this command 👇 npm i express-async-handler

[@niteshprajapat7918]

ohhh now got this 💪💪 @@huxnwebdev

[@niteshprajapat7918]

Loving this project. So amazing till I studies 🔥🔥💪💪 Thank you Sir

[@CyranicalGoated]

Is this possible for this web app to be hosted on either Vercel or Netflify? Btw great job on this tutorial.

[@huxnwebdev]

yap.

[@CyranicalGoated]

@@huxnwebdev Will do a tutorial on how to host it then, since from my knowledge they only allow static sites and this one is a full stack application.

[@kodeplus4612]

Build with vue Js😊

[@awaisgujjar2439]

❤

[@vibhukarnwal4926]

hats off for efforts but could u also show how to deploy

[@huxnwebdev]

Yap 🤝

[@vibhukarnwal4926]

thanx @@huxnwebdev 😇

[@salmannizam2148]

Why don't you make frontend project in next and api in nest or express . Please make on these also

[@niteshprajapat7918]

Sir, in the next video, will you teach us how to develop Model for our backend. This is an issue, if we know how to create model and how pipelines work, then it becomes easy to code. This is my main issue in the backend. Using Diagramatic structure.

[@huxnwebdev]

I've seen other youtubers draw diagrams and everyone in the comment section are saying it's just a waste of time so that's why i didn't focus too much on models, but anyways ill do a poll in the community and we'll see how it goes. 🥂

[@niteshprajapat7918]

@@huxnwebdev But, having visual understanding is good. Thing becomes clear when they are Visuallu represented. I was working with open souce project with friends, i didnt understand how model is working, and how each collection is connected to other ones 😅😂

[@huxnwebdev]

Then you'll definitely love my (MySQL) course because it's an relational database and you'll understand relationship with tables very good. Coming Soon 🤝

[@niteshprajapat7918]

@@huxnwebdev okay thank you sir ❤️💪❤️

[@amitdahiya7425]

Just tell me is it beginner friendly for a guy who only knows the basics of what you told ??? If Yes I am completing it in my summer breaks for sure ! ( waiting for your response.. )

[@Simple_OG]

you are gem for web devs

[@huxnwebdev]

My bro ❤️

[@darshmostafa6044]

Is this project responsive or not ???

[@Coffee2Trade]

Flutter course

[@CheesymoonBrainstorm]

HOW IS ALL OF THIS FREE???!!!?!

[@9tyabhinav262]

hey girls huxn but most of the people are guys

[@KENNY-sm8mp]

You teach too fast hehehe