MERN Stack Full Course - ECommerce App with Admin Panel : React, Redux Toolkit, Tailwind, MongoDB

Подписаться 40 тыс.

Просмотров 107 тыс.

50% 1

In this Video we are going to build a full stack E-Commerce application from scratch using MERN Stack.
⭐▬▬▬▬▬▬ PLEASE LEAVE A STAR :) 👋 ▬▬▬▬▬▬⭐
Source Code : github.com/san...
⏰ ▬▬▬▬▬▬ T I M E S T A M P S ▬▬▬▬▬▬⏰
(0:00) Introduction
(06:06) Setting up project and installing dependencies
(35:15) Creating pages and layout
(1:07:04) Implementing auth logic
(1:22:23) Sign up and sign in page implementation
(2:57:18) Admin view header and sidebar component
(3:17:07) Admin view products page - create new product and listing
(5:05:21) Shopping view header component implementation
(5:27:42) Shopping view product listing page
(6:33:26) Shopping view product details dialog
(6:57:47) Shopping view cart component implementation
(8:12:38) Shopping view home page
(8:48:37) Shopping view account page
(9:49:37) Shopping view checkout page implementation
(12:44:10) Shopping view search page implementation
(13:09:49) Shopping view review functionality implementation
👋▬▬▬▬▬▬ BUY ME A COFFEE :) ▬▬▬▬▬▬👋
www.buymeacoff...
🔔▬▬▬▬▬▬ Subscribe for more! ▬▬▬▬▬▬🔔
/ @sangammukherjee
👋 ▬▬▬▬▬▬ CONNECT WITH ME ▬▬▬▬▬▬👋
Linkedin : / sangam-mukherjee-40048...
Instagram: / sangam_mukherjee

Опубликовано:

9 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии

@sangammukherjee Месяц назад

⏰ ▬▬▬▬▬▬ T I M E S T A M P S ▬▬▬▬▬▬⏰ (0:00) Introduction (06:06) Setting up project and installing dependencies (35:15) Creating pages and layout (1:07:04) Implementing auth logic (1:22:23) Sign up and sign in page implementation (2:57:18) Admin view header and sidebar component (3:17:07) Admin view products page - create new product and listing (5:05:21) Shopping view header component implementation (5:27:42) Shopping view product listing page (6:33:26) Shopping view product details dialog (6:57:47) Shopping view cart component implementation (8:12:38) Shopping view home page (8:48:37) Shopping view account page (9:49:37) Shopping view checkout page implementation (12:44:10) Shopping view search page implementation (13:09:49) Shopping view review functionality implementation

@rewindtube2406 Месяц назад

Bhai env kaa sample bhi GitHub mai add Kiya Karo.

@andyloren4826 Месяц назад

Great job! Please build a LMS platform next.

@mmm.403 Месяц назад

Hello, i am impressed of your project, and i am new to this and i don't know what to do, i downloaded your whole code in my local machine, now how can i make it work perfectly in it? What changes should i make as your github repository provided?

@harshshukla001 Месяц назад

@@mmm.403 git hard -- reset

@amanmotghare7196 Месяц назад

thanks brother

@uditjain8789 9 дней назад

I just wanted to say a huge thank you for this incredible video. Over the past 16 days, I’ve been working on building a full stack MERN e-commerce project, and your video has been an absolute lifesaver. Your clear explanations and detailed guidance helped me understand both the frontend and backend, and I’ve learned so much in the process. Thanks for making such amazing content-it’s been invaluable for my project. Looking forward to watching more of your tutorials!

@Shivampandey-qf3vj Месяц назад

"Your MERN full stack project is truly impressive and exactly what I've been searching for. The way you've integrated MongoDB, Express, React, and Node.js showcases a deep understanding of modern web development. Your ability to manage state, handle asynchronous operations, and create seamless user experiences is commendable. The attention to detail in your code, especially with components, API handling, and routing, reflects a high level of skill and dedication. I deeply appreciate the effort you've put into this project. Thank you for sharing such valuable work!"

@sameeruddin8415 8 дней назад

Is the comment copied from chatGPT??

@Shivampandey-qf3vj 4 дня назад

@@sameeruddin8415 of course ab comment likhne k liye to dimag ka use thodi krunga

@saumodeepdutta3460 День назад

How did you implement the paypal since it is depreceated

@thakur_bhagyashree91 Месяц назад

Your React JS course was amazing, and this new video is taking it to the next level! Your content is always on point and so helpful. Thanks for your continued excellence!

@kevinidoma545 Месяц назад

Right on time, just when i needed. Thanks for the hard work. I appreciate bro

@ExplorerZohaib Месяц назад

How to deploy this project?

@anandsinha2289 Месяц назад

@@ExplorerZohaib you have made this project ?

@difevegi Месяц назад

Great project and explanation. You are the best. Thank you! Please share the deployment process.

@shahabjoon201 Месяц назад

Hey Sangam, the project is really awesome, thanks for sharing your knowledge man, keep going.

@ndaghakangoma6003 Месяц назад

Bro I personally want to thank you for the great work you are doing. I am currently watching your 2024 React Js Course. I was really finding it hard to learn React on other channels but you explained everything so well, I am learning a lot and I am now confident in React. I will finish that video soon and will definitely watch this one afterwards.

@anmolkainat2707 5 дней назад

Thank you for this amazing tutorial! 🙌 It cleared up a lot of key concepts regarding the MERN Stack. Looking forward to more amazing tutorials with advanced concepts!

@do-u-know-that Месяц назад

thanks a bunch next is full stack entire blog whith all functionality like guys for thatl👍👍

@Leesdjo Месяц назад

Thank you. I have been learning a lot from this channel. Appreciate your time and effort.

@prashantswaroop4801 Месяц назад

Nice One Bro. Learning Backend Now. Will definitely take a look into this. Awesome project.

@ogbukelechi7749 16 дней назад

Hello i took a year Brea from code nd was looking for a bounce back.saw your video And i viewed it, thanks tremendously for this Free live changing fourteen hours of content,as a guy from a developing country i can barely afford tutorial from top devs but u changed My story,i would love to meet a man like u on day Wish you see this

@nicholaskh5306 Месяц назад

for you bro. Im not even skipping the ads. get dat revenue!

@bobbyazam-cr7 Месяц назад

Thank you so much sir . I have been learning a lot from this channel. Appreciate your time and effort you are greate

@solarsystem9156 Месяц назад

Sde 3 for a reason 🔥🔥

@UgyenTshering-o3d Месяц назад

This is big man. A big love and appreciation for it!

@ranjeetsinghtharu5375 28 дней назад

Fingered Crossed,,,I am at 6hr:17minutes of this cool project ,,no any problems,,,,Sangam Bhai your video is helpfull.

@tithitripathi6365 23 дня назад

hi can you help me i am stuck somewhere

@GmailCom-c3v 21 день назад

Responsive h k nhi

@jadiraviteja7303 17 дней назад

@@tithitripathi6365what help do u need?

@BytesRush Месяц назад

Sir I really love your teaching and confident in redux just bcs of U, there's a humble request pls develop a full stack e learning lms platform like udemy in mern stack also with payment integration like stripe or razor. It would be an amazing project thank you so much for your efforts ❤❤

@robertspidey8136 Месяц назад

Amazing piece of brilliance. Keep it up brother

@alihassanhaji2830 Месяц назад

Awesome Man, May God bless the work of your hands 🙏🙏🙏

@inspirationalquotes5840 Месяц назад

I like how you structure the project, very neat 👍

@bobbyazam-cr7 Месяц назад

Thank you so much sir a bunch next is full stack entire blog whith all functionality like guys for that

@sandeeprana331 Месяц назад

ap rat ke 2 bje itni mehnat se video bna rhe ho orr hum so rhe h .good luck man having great future

@DevMule-zd2ty 25 дней назад

this is a kind of video i was looking for. it's really impressive and helpful Thanks.

@_arun_k 6 дней назад

Just a thanks won’t describe my gratitude towards you.

@alihassanhaji2830 Месяц назад

Make also a MERN stack project of Hospital management system 🙏🙏

@bittukumar4790 Месяц назад

Thanks bro, waiting for this video. You have quality contents in your videos.

@temidayogabriel6496 6 часов назад

This is a wonderful project. Everything is great for a beginner, although you need to know JavaScript, of course. It would have been better if the store could be accessed without authentication, and the checkout could then require the user to be authenticated before proceeding. All being said, thank you very much for the amazing tutorial., 9hrs 47mins successfully covered. ❤😊

@vishalsmeharwade Месяц назад

ek hii dil hai sangam bhaiya kitne bhar jitoge🫡

@tulsigautam5407 29 дней назад

great project brother , wish you a huge success ahead in your life ):

@hamaadafzal2490 Месяц назад

Thank you sir for this awesome project

@shubhamsharma2708 Месяц назад

Getting started Day 1

@hiteshpakhan7783 Месяц назад

nice project man, salute to your hard work

@sumanthprabhu11 Месяц назад

Can u make a video on how to add stripe payment to this project

@daresamiuel Месяц назад

World-class MERN Stack Tutorial on RU-vid!!

@darksidefacts7762 Месяц назад

Is this completely beginner friendly...I have no background in development. And I need a project for my interview...is this a good option??

@Himanshugaur-u9j Месяц назад

@@darksidefacts7762 no way

@TRIO_DE_CONQ 4 дня назад

@@darksidefacts7762 no you need some basic idea on development

@Shivsm7616 13 дней назад

Bhaut complex bna diya bhai n

@dharmrajhembram6445 Месяц назад

Worth more than udemy course ❤❤❤. Love your content

@bharatdubey83 Месяц назад

Please launch full course video of Javascript like React and Next.js. I completed your Js projects course still not fully confident of Javascript

@siuu.priyanshu Месяц назад

bro please add deployment part too🙏

@harjyotsinghgulati6603 Месяц назад

Sir please make backend end tutorial like react it will help to understand the project very easily

@Arjun-du6ch Месяц назад

Thankyou bro for this great project ❤

@innaarchitector4223 Месяц назад

Great lesson💫

@neuzandmotivationbyAi Месяц назад

nice, Great project and explanation

@RealHeritageCompany Месяц назад

Thanks so much for trhis. It is a master piece

@hello-test-user 17 дней назад

I think when any page design is designed, first need show this page we going to made. so have in mind that we writing code for this

@masetenicholas4520 5 дней назад

Beautifull, thank you

@ganeshg8825 13 дней назад

great work and i was very useful

@BuddyTech-w2h Месяц назад

create same topic with context api and only access some feature like products only authentication success waiting for response

@paraschawla4491 2 дня назад

Bro, first of all, hats off for the amazing project. I think INR is not being supported in Paypal and I am not landing on the payment processing page. Can you please make a video on how we can incorporate stripe payment for this project and also please upload the deployment part. Thanks

@abressiddique2800 Месяц назад

TIMESTAMPS FOR ME 1:44:44 2:57:00 3:17:12 3:40:28 4:19:00 6:58:00 9:49:46 14:00:12

@RaviKumar-cx3kz 22 дня назад

have you completed??

@abhishekcode Месяц назад

Great work❤

@sumit_infection Месяц назад

Wow I am waiting sangam bhai ❤❤❤

@MohammedHasmi577 Месяц назад

Bhai your js and react projects are awesome.plz.add more react and js projects plz bro❤

@jatin_9911 Месяц назад

Thank you so much brother ❤❤

@RajendarK Месяц назад

Its really a good one, try to do with next.js mern project brother, cheers 😀

@mojeshvutla Месяц назад

Inspirational and Helpful..

@mohitanand7178 27 дней назад

Hi.. Thanks for such amazing project. I have a question that in interviews generally they ask why did you choose mongoDB as database and not a sql database for your project. So could you please reply what should be say for that? Though there are many reasons like load balancing, horizontal scaling etc but these would not apply since this is a personal project.. So what should be the answer?

@ankitghosh2910 21 день назад

Being a HR Consultant, you can say what you are confident about like you have mentioned load balancing, horizontal scaling and etc. Do not think that you cannot use mongoDB in personal projects, think that someday this database should manage good amount of data which is required to scale. For example, when we developed our organization's dashboard, database and etc at that time we didn't cared a lot if the application can handle the load or not, after 2 months our database had 2000+ entries. If we add and implement new things like advance search so the time to run 1st function always take more than 30 sec(because the function have the read all 2000 entries in first run)

@mohitanand7178 20 дней назад

@@ankitghosh2910 okk...thanks alot:)

@ankitghosh2910 21 день назад

Hi Sangam, This is one of the best courses on RU-vid. How to integrate Razorpay Payment gateway?

@kirankatti3975 Месяц назад

I'm waiting for this ❤❤

@rezwanulhaque9935 Месяц назад

is the project finished? pls show us how to deploy full project. pls

@harishankathi7305 Месяц назад

Really, your SUPER bro try to create more projects on MERN

@zohaibakhtar395 Месяц назад

Superb project...

@BhavnishBhardwaj-s9n Месяц назад

Love this ui and tech stacks

@suresh3847 Месяц назад

Expected From You But Unexpected ❤

@annugamerz58 Месяц назад

Awesome...!!🔥

@anikahamed-pb1ij Месяц назад

Sir your project is best please make video on online bus counter

@MyGeorge1964 Месяц назад

Nice! TY.

@siaumahmed2660 19 часов назад

Thanks Bro

@techwithnaga 18 часов назад

nice one

@bhupeshmali4662 4 дня назад

Good content...

@tasleemanis5631 29 дней назад

Great project, is this responsive for mobile devices as well?

@ImranYounas-t8j Месяц назад

Beautiful

@paracomentar2703 Месяц назад

in a future, can you add socket io or something to have a real time order panel? because in some ecommerce like fast food the owners need a real time panel. Also, thanks for this video :)

@dipgodhani18 24 дня назад

please make a video for deployment our projects for MERN

@JimohSegun Месяц назад

Amazingly insightful, 👏 can you make a video on deploying this web app

@hemanthpusarla4428 Месяц назад

Did he mentioned he will cover deployment?

@JimohSegun Месяц назад

Yes he did

@Shivsm7616 18 дней назад

great job

@diptamoy12 Месяц назад

Great sir great❤

@DepokChandraShil-m2x 28 дней назад

thank you

@haroon5529 Месяц назад

Kindly add timestamps in Description so it will effect in video because it is not showing in video , and it making our life hard to jump on that specific topic.

@kibria7019 Месяц назад

great

@mahmutyilmaz9005 Месяц назад

Thanks my brother!Amazing project 👏👏👏

@hameeeed5992 Месяц назад

Thanks man

@karthicknandha8449 17 дней назад

Awesome work @sangammukherjee. I have an issue while executing the code the banners are not loaded. Can someone guide me on this issue? Thanks in advance

@abhishekcode Месяц назад

Please make a portfolio using react and tailwind with farmer motion and hosted on vercel🎉

@jeonmiku6592 17 дней назад

Can you develop a mobile eCommerce application for a supermarket that incorporates Market Basket Analysis (MBA), AI/ML for prediction models, and seasonal trend analysis? Please .

@Factdecoder915 Месяц назад

I love this video

@kerenoz2010 Месяц назад

finally paypal !! thank you very much

@vishalchauhan9786 8 дней назад

10:18:17 paypal start here

@UjwalSwain-g5i 25 дней назад

very good video

@Treatjunction Месяц назад

thanks buddy

@Maifumei Месяц назад

It looks great, but the product details page doesn't have a thumbnail, so it can't be considered e-commerce, or rather incomplete.

@sangammukherjee Месяц назад

create your own details page bro, its there in form of dialog. If you want a separate page just create it instead of using it inside a dialog, its not incomplete. Don't expect everything for free.

@BalochMediaHub Месяц назад

Good 👍 Job

@samipdaveyt Месяц назад

hi brother thanx for such a nice video... can you please dockerized it ?? that will help to DevOps person also

@abhishekgandhi6593 Месяц назад

Thanks bro You are osm

@saumodeepdutta3460 3 дня назад

I guess the Paypal rest SDK npm package has been deprecated , so how will I implement now ?

@mr.fabian8471 Месяц назад

thanks !!

@CodeLearner-hj2zp Месяц назад

Plz atleast U stick with Paypal or razorpay, we don't want vidoes with stripe as there is tons of video out there in RU-vid , u r the only one i found after struggling with ytbe to find a channel who creating a payment integration other than stripe with a neat code , do u know how many channels i found ? Zero , U randomly poped up with this project , Oh Relaxed now , Stick with Razorpay and Paypal in future too

@RizwanVlogs15 21 день назад

Bro Explain briefly so I start this project.what is payment integration? And payment with stripe meaning? or PayPal etc? And this project include which method of payment Paypal or stripe ? And tell this project also connected with database if not how to connect it so data stored in database?