Build MERN-Stack ECommerce Website Like Amazon For Beginners [2020]

TABLE OF CONTENT
00:00 Introduction
00:02:00 Part 01- What is this course about
00:08:26 Part 02- Install Tools (VS Code, Chrome)
00:12:36 Part 03- Website Template (HTML, CSS)
00:29:47 Part 04- Products List (Grid, Flexbox)
00:41:54 Part 05- Create Sidebar (JavaScript)
00:52:39 Part 06- Create React App (React)
01:01:09 Part 07- Render Products (JSX)
01:06:30 Part 08- Product Details (React Router)
01:39:52 Part 10- Fetch Server Data (React Hooks)
01:47:55 Part 11- Manage State With Redux (Redux)
02:07:11 Part 12- Add Redux To Details (Advanced)
02:29:23 Part 13- Shopping Cart Screen (Advanced)
03:08:11 Part 14- Connect MongoDB (Mongoose)
03:21:35 Part 15- Sign In User (JWT Authentication)
03:56:02 Part 16- Manage Products (React Modal)
04:38:43 Part 17- Checkout Wizard (React Wizard)

🔥 Join Pro Membership And Get Access To Complete Courses:
3. MERN Stack ECommerce Like Amazon
4. TypeScript MERN Stack ECommerce Like Amazon
5. Vanilla JS ECommerce Like Amazon

👉 Join Pro Membership Link:
by Clicking On This Link

#React #Node #Tutorial #MongoDB #ecommerce #Redux
---
Follow me on:

[codingwithbasir]

Fix Routes Error:
At 01:07:23
Please run this command
and follow the course till the end.
I have updated react-router-dom to 6 at another video here:

[codingwithbasir]

1k views in 24 hours. Super happy to have you awesome audience. Fill the blank: For next video Build ECommerce using ...

[benacker]

So after 3 + months watching coding videos daily about Js and React..YT recommended this video. Getting visibility is super Great work

[vasudevg]

Hey Basir! Thanks for this very helpful tutorial!
I started with this a couple of days ago and had reached the stage of getting the data from the API. I got frustratingly stuck with the CORS error, here. I had to spend about 2 hours to get around it. Just thought of posting what worked for me as it may help someone else using the tutorial... My server.js is as below: (extra setHeader):
import express from 'express';
import data from './data';

const app = express();

app.get("/api/tasks", (req, res) => {

res.setHeader('Access-Control-Allow-Origin', '*');
res.send(data.tasks);
});

app.listen(5001, () => {console.log("Started at localhost:5001...")} )

Hope it helps/helped someone!

[davidjamessullenbarger]

Thanks Basir.

I'm an experienced developer and appreciate this tutorial. It's a little basic but I knew that going in and I'm following along all the same. You may go a tad too quick for those less proficient with the keyboard (in a code editor) but there's always pause (which I use liberally).

[jasonlee]

Beautiful tutorial! Every part and edit is very simple and seamless. Well organized parts of the video. I also appreciate the method of starting everything from scratch instead of fetching the folders from an already existing repository and copy/pasting code from scoured web sources and using outdated syntaxes. Nothing wrong with copy/pasting but instead of displaying scripts of code and breaking them down while looking at a chaotic mess, you actually build them from the ground up. It’s perfect for novices like me who just finished a cohort of bootcamp and still genuinely confused on how to start things. Thank you!

[cloudoffice]

I love the React Hooks part with Redux. I did not know how to use them together. Thanks basir.

[nikhil]

Greatest video so far. Explained from scratch and loved the reasoning of organising into better with what we have developed so far :)

[sherazarain]

Hi Basir!
Thank you for this Amazing Course.
I really Appreciate your Efforts towards Helping MERN Stack Community.
Thank you once Again.

[eppakayalashirisha]

Hi sir, with a huge respect, i learned a lot from this tutorial, i was a beginner and now i feel like i can built projects easily and u very well explained complex things in a easy manner. when i saw the duration of this tutorial, i thought i could never complete it, but now i feel like duration is nothing before a best teacher who can turn the boring lessons to some entertainment movies or games from which a learner never want to escape or get bored. Thank u so much sir

[douglasmiranda]

The way that you speak is very good to listen and learn. I'm starting now, however, I'm very happy with the purpose of your course.

[tanvirazad]

i never had the patience to sit through a tutorial and learn something. but i coded along, and learnt so much to this. thanks man!

[IshanKesharwani]

Bookmarked SIR !!!!. Going for this tutorial in coming 2 or 3 weeks.

[anggaginanjar]

damn, this is my first time find 5 hours tutorial in one video. nice!

[josecarlosguerramartinez]

Really one of the best teacher I ever see!! I'm learning a lot. Also steel check out our issues on real time! Just very very grateful.

[jorgecaceres]

This is a great project! So complete, just what I was looking for. There were times that my app was not behaving exactly as yours for some reason, but one way or another, I managed to find a solution.

Thank you!

[erickloningo]

This was really awesome I needed this info a lot. thanks man. learnt a lot. God bless you

[abhishekshah]

Waited for this tutorial from you from an year after react redux one. Thank you.

[sujanuday]

I learned React and Node separately but I never knew how to link both to develop a full-stack app. Thank you so much for this video. It's very well-explained.

[xaviergermain]

I just finish to learn the basic of website development and I was looking for a video that was rapping everything that I learn. Thank you for that video !!