MERN Stack E-commerce App UI, Reactjs, Nodejs,Express, Mongodb, Redux Toolkit, RTK Query, TypeScript

Join Discord: / discord
Join this channel to get access to perks:
/ @6packprogrammer
In this video, we'll be creating a MERN Stack E-commerce App using Reactjs, Nodejs, Express, Mongodb, Redux Toolkit, RTK Query, and TypeScript.
This e-commerce app will allow you to shop for clothes, accessories, and home goods. We'll be using the MERN Stack to build this app, which includes Reactjs, Nodejs, Express, MongoDB, Redux, and TypeScript. This is a great way to learn more about the MERN Stack and how to build an e-commerce app using it.
Hello everyone, my name is Abhishek Singh, the only programmer in the world with 6 pack abs and you are watching 6 pack programmer.
Demo: ecommerce-frontend.fr.to/
Admin Dashboard Code: drive.google.com/file/d/1yvF9...
Frontend Code: github.com/meabhisingh/mern-e...
Server Code: github.com/meabhisingh/mern-e...
Udemy Course - www.udemy.com/course/mern-sta...
TypeScript - • Master TypeScript in o...
Node - • Node JS Made Easy in H...
React In One Video - • MASTER REACT JS IN ONE...
React Full Course - • REACT JS COURSE 2023
Express - • Express JS in One Less... \
MongoDB - • Master MongoDB: A Comp...
Master Backend In One Video - • Master the BACKEND in ...
RestApi - • Build a RESTful API: A... (optional)
In 2023, it is the most practical web development course on KZbin. We will understand each concept theoretically as well as practically. After understanding the concepts, we will create projects and do fun challenges.
So make sure to subscribe to my channel, So you can't miss any updates.
Web Development Playlist: • Become a Web Developme...
NextJS - • Next Level Next.js: Ma...
React Js Full Playlist: • REACT JS COURSE 2023
Product Used
Camera: amzn.to/3I5G0bC
Alternate Camera: amzn.to/3YxEvbt
Processor: amzn.to/40Cav02
RAM: amzn.to/3YgEAAw
Motherboard: amzn.to/3XbFrBf
SSD: amzn.to/3RMmN1Y
Guitar: amzn.to/3xbnOqw
Monitor: amzn.to/3JVh33Q
Laptop: amzn.to/3lmfJwx
Keyboard: amzn.to/3jKg3oI
Keyboard Wireless: amzn.to/40GNuc6
Touch Panel: amzn.to/3XgdGHC
------------------------------------ FOLLOW ME -------------------------------
kzbin.info...
/ meabhisingh
/ meabhisingh

[@6PackProgrammer]

Join Discord: discord.gg/mhRB3wuS33

[@irfansaeedkhan7242]

best, you are making community

[@oldmonk7508]

Bro just a minor request can u commit code frequently in every 30 minutes of video that'll be helpful

[@fayan02126]

Sir ajj mereko jo v atta h sb apke wjh se...🥹❤️🤌🏻

[@hindivines462]

This project > Every shitty not explained tutorial on youtube ❤ keep it up bro 💯

[@suranjandhara7535]

What an underrated channel 😮😮 Best Project + Best explanation on internet ❤❤

[@shahriarahmeddipto1758]

Damn! this is so good! Can't wait for the 2nd and 3rd part. The second part currently is members only, will it be available for all nearly?

[@gostgamming7126]

this man is giving his best

[@dhruvinmehta53]

Bro amazing level skill and video , u are one of the best teacher out there on yt therw

[@theintrovert894]

ABSOLUTE LEGEND THATS HAT I AM LOOKING FOR

[@aggarwalsachin4854]

Got to learn and know different things, thanks for this gem , bro!!

[@skannu3155]

Part 1 Completed ✅ (23jan to 31jan)

[@6PackProgrammer]

Full Course: kzbin.info/aero/PLt5mNkGuWcuUKFyFzdZ9C37EMR-jd8ZG9

[@Anyonmous586]

Thanks buddy this was needed🎉

[@sanamukhtar4008]

LEARNING AND ENJOYING........Thank you Bhaiya ❤

[@ashutosh_tiwari]

Best course bro thanks for making this✨👍

[@narendra-mahto7649]

Aapke mehnat ko pranam❤

[@fayan02126]

Sir apka 2 years pehle wala eccomerce project krne ke bd seriously Mai itta jyda acche se smjh gya hu ki ye project Mai easily bna luga 😊 thankyou sir ❤❤❤

[@kamaralam1056]

Hey i am a beginner in mearn can i start with old videos?

[@fayan02126]

​@@kamaralam1056yesss

[@rohangupta7060]

Big fan ho gaya bhai aapka.....backend etna simple tarike se samjhaya bhai...love the way you explain everything in simple way..... LOVE FROM NEPAL😎😎😎😎

[@amir4ever148]

bhai please mujhe ye batao ke ye payment gateway sir ne jo use kara hai wo original hai ya demo matlab usse asal payment hojaegi kya? bhai mujhe ye banakar kisi ko deni hai commercial base pe use kar saktet hai kya ye?

[@Ayusharma114]

isme jwt token auth use kia h ky

[@bhismpitamah267]

greatest video of this channel , thank u💝💝

[@ImFaiyyazz]

46:46 Attack on Titan 🫣🫣 Mein bhi bht excited tha 😅😅 Hint se yaad aagya Iconic BGM of Attack on Titan

[@varshaharkal9730]

Thank s please Ase Video Banate rho Bhoht Help Hoti he apki ALL THE BEST FOR NEXT ViDEO

[@shubhanshusneh]

Sir I'm to start the project and just wannaa know What have been taught in this part? And what is coming up in the next part of it? Please reply it will help me a lot..

[@UsmanKhan-cr3pk]

wow that's great... eagerly waiting for the rest of the parts sir

[@NexusProgrammers]

kia bndy tum aye huay hu 😁😁😁😁😁😁

[@jayeshshaha49]

Finally done with part 1 . Thank you for this tutorial

[@Ayush37262]

Bhai Admin Dashboard wali video dekhni pdegi isse phele??

[@jayeshshaha49]

@@Ayush37262ha bhai

[@VinaySharma-kz9sk]

deploy krwa do yaar

[@Kaustubh_Bhalerao]

Amazing Content ! Loved It ❤

[@adilsaberi2817]

Loved your content I am expecting some Devops on this channel, things like Azure AD, SSO, SAML, Kubernetes, Jenkins

[@rahulmca598]

You r 💎 gem bhayia❤️🙏 u teach organisational based project which is really useful to us.

[@AshutoshSingh-ie6uf]

Bhaiya it would be very helpfull if you could divide video into ....... chapters using timestamp ........... it helps a lot ,, it is something like small checkpoints and we don't get overwhelmed

[@TheCheerex-ge5bx]

If your auto import is not working for any reason. press command(ctrl)+shift+p, then type Reload window and select this option. it will reload vs code and most likely it will start working.

[@uditnagar7905]

We love you for this content....Great bhaiya ❤️❤️🙏🏻

[@sagar5547]

Great video bro. lots of good concepts

[@jawadullah4685]

is that course the live streaming one ? is this complete or the another parts will come of this ?

[@abhisekgupta4678]

Iss project ko 2 3 baar bana lo to koi bhi project ban jaega, condition ye hai ki ek baar dekh k banao, dusri baar bina dekhe

[@shriganeshgaming3783]

Tumne banaya hai

[@abhisekgupta4678]

@@shriganeshgaming3783nhi bhai, mujhse banti to me yaha comment karta kya..kahi achi company me placed hota. but jitna kuch demo me dekha, agar koi itna scratch se bana sakta hai bina koi video dekhe, to koi bhi web app bana lega that is for sure.

[@Ayush37262]

Koi aur full stack app banana chaiye khud se, ye toh bna hi liya hai...

[@abhisekgupta4678]

@@Ayush37262jisne nhi banaya unko to banana padega na

[@predator-ut7rl]

​@@Ayush37262bhai mai start kr du kya, I meant finally banane ke baad error toh zyada nhi aa raha??

[@anshpratapsingh6847]

Thank you very much bhaiya ❤🫡👍

[@nilcenzobd2596]

you deserve more lots of love from bd

[@aadityaprashantwaghulade9666]

verry verry awesome bhsi thankyou so much

[@uditnagar7905]

Thankuhhh so much bhaiyaa 😊😊😊

[@f2pbtw826]

Doing exactly same , but why my browser showing a zoomed version, where the orodect vards are not shown

[@anuragghimire3735]

Which algorithm used here while recommending?

[@World_information5568]

Thank you very much Sir❤❤❤❤❤

[@amankumbhalwar]

Thank you so much sir ❤❤❤

[@Behrhamkhuni]

Thanks for this video

[@user-zv1hg8xh1e]

This series is for beginner of Mern developer or for intermediate of Mern Developer ???

[@MdSarfrazcs]

have anyone completed this project whenever i open frontend part via github it doest not show me any images or even shipping component ? should i leave or continue. one more question when i open deploy site in firefox the css property does not work as it should be ?

[@sundaramagnihotri5896]

I am facing problem on module chart.js has no exported member on charts.tsx

[@CurrentWave673]

Love you from Pakistan ❤ I became full stack developer just because of you. I recommend your channel to everyone and they also subscribed you deserve way more than this. ❤ thank you brother

[@imsikkusankiofficial]

Sir kya aap nextjs pe bhi project banaoge ye wala?

[@yyy5523]

Long live Abhishek Singh

[@buland_aavaj1130]

Bhai awesome ho yrr tum

[@mohdsahil226]

Great tutorial. Thank you! Would you please tell us how to catch typescript type errors on development in next14. Request you yo please share code

[@coozyCoder]

so helpfull ... loved it

[@shawnfrost5707]

URLs with dots are leading to a 404 error instead of correctly displaying the corresponding page. In vite js...thats why i avoid to use

[@skillsuup]

How can I run your entire code, When I am trying to run the frontend code I am getting error for Firebase Firebase: Error (auth/invalid-api-key). and also is there any video for server side code you have created

[@imvikashkumaryadav]

i am facing this problem : [vite] Internal server error: [postcss] Cannot read properties of undefined (reading 'config')

[@OwerChildhood]

.env file m kon kon se vale dalne h. Specially firebase m

[@amir4ever148]

16:04 sir ye asli card payment hena demo to nahi hai? mujhe ye project production mei istemaal karna hai kya mei ye project production mei istemaal kar sakta hu? firbase ya stripe se koi limitation to nahi lagegi gi?

[@codingclub8577]

i am not able to change the css of select tag . kindly help me with problem.

[@itsyadav-kd1fk]

finally completed frontend ui part

[@prakharsinha4145]

is payment gateway included in the project ?

[@liveshow2628]

Make a video on how to add product variants functionality like Flipkart in an e-commerce website. So that we can group the product which are similar in colour and size into one pages.

[@vijaykoladara8302]

Great Video ❤

[@mdsafikulislam9113]

Why firebase instead of MongoDB?

[@_______________001]

Thanks bhai❤❤

[@himanshumishra5857]

Love from Nepal

[@irfansaeedkhan7242]

yeh best cheiz hai k ub code production level hoga

[@shivkumar23]

Thank you sir

[@amir4ever148]

bhai mei typescript ki jagah mei javascript istemaal karlu?

[@codacitycse]

What is typescript with swc. Please anyone can tell me????

[@WithBhavnish]

Love you bro❤

[@devkumar9889]

Thanks , everyone is making advance tutorial but no one is teaching basics We need MERN only not Nextjs currently

[@VinaySharma-kz9sk]

hey, have you deployed this project?

[@devkumar9889]

@@VinaySharma-kz9sk Yes

[@rishiraj2548]

Great thanks

[@shahg-jp5jf]

please provide code of OrdersDetails and checkout component @6 Pack Programmer

[@abdulrafeh190]

MA Shaa Allah great brother, yrr iska 2nd or 3rd part kab tak ayga we are waiting for this

[@RahilKhan-zn1dn]

Bhai ye Android app hai ?

[@dilawarkhankamboh]

amazing project

[@lokeshvasnik6872]

linter use nahi karte ho?

[@user-pg7jf2vz1h]

bhai aap west up se ho naa language se lag rha hain ?

[@shubhambhatt12]

bro... auto import agr nhi aaye to CTRL + SPACE KEY. THANKS ME LATER.😁. Acha kaam karre ho you are great guy thanks for this video.😍

[@InspiringPositiveQuotes1196]

BROTHER ISKO HUM NEXT JS 14 MEI CONVERT KARSAKTY HAIN?

[@iamanimeshshukl]

Osm bro ❤

[@SubhadeepSamal]

hello anyone can help me regarding this this when i type the command in terminal :- npm create vite@latest it was showing this error how i can slove this issue, ERROR :- npm : The term 'npm' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1 + npm create vite@latest + ~~~ + CategoryInfo : ObjectNotFound: (npm:String) [], CommandN otFoundException + FullyQualifiedErrorId : CommandNotFoundException SHOWING THIS ERROR PLEASE SOLVE..

[@OwerChildhood]

Bhai product page k discription page to rha he gye

[@user-sl8rz4mm3f]

end part kaha he???

[@sikusk7422]

why my dialog tag not working also not showing any error anyone can help me out

[@aadilkhannew]

sir please also make tutorials using flutter and NodeJS api

[@sagargiri1361]

_home.scss is not taking effect even after importing it into app.scss Please Help Anyone

[@vikrantkumar3455]

Damn good 😊

[@ringeboy]

please put time stamp in video thisis very useful

[@pallabdandapat1866]

0:00 - 17:17:02 project overview 17:04 start coding

[@abdulrafeh190]

No routes matched location "/" sir ye error arha hy jis ki wjha sy dashboard show he nai horha agr or ksi ka bhe hy to kindly help me shukria

[@sanamukhtar4008]

header dialog tag is not done 56:00 - 59:25 01:18:00 hover effect not add on product cards

[@getvivekjoshi]

hi any one having this issue Uncaught SyntaxError: The requested module '/src/components/admin/DashboardTable' does not provide an export named 'default' (at dashboard.tsx:7:8)

[@abhijitnaskar4186]

nope all ok! have you facing any bug?

[@AdityaSharma-vu2qg]

Please add the timelines so that we can navigate every part whenever we want

[@codewithhack]

Bhaiya fir websit host kar ne bhi bata Dena with database mongoose kaa

[@adityakalambe5071]

bhaiya ye my orders ka icon hi nhi aa rha hai bohot try kiya

[@shahriarahmeddipto1758]

As you just copy pasted from react table tutorial, is it kinda mandatory to watch through all that 7 hour admin dashboard tutorial? Can anyone tell me that?

[@devanshu4533]

Yess bro

[@adityad39]

Song name pls. anyone?

[@shreyapunetha7897]

17:04 frontend setup & routing

[@ANGRYONEFF]

❤

[@RahulPawar-ox6eo]

00:00 Demo 17:16 Start

[@Education-Karachi]

Thankyou so much bro you not know you solve how big problem of me but i need to creta 1 more mern app with the latest technologies can anyone help me to find mern project under 1 month ago upload

[@TechAyush001]

Bhai project link ? Please

[@nepalihoni9213]

Best Ecommerce Project

[@Ayush37262]

Bhai Admin Dashboard wali video dekhni pdegi isse phele??