Hello guys, I found a nice 5 hour long YouTube tutorial on how to build a Ecommerce website with Node and React by Coding with Basir.

By the end of the tutorial you will build a mini clone of Amazon using Node and React. This app is a Full Stack MERN App using MongoDB for database, Node + Express for APIs, front end is built with React (using Hooks) with Redux for state management. Finally the app is deployed on Heroku.

Course Contents

• 00:02:00 Part 01- Introduction
• 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:30:53 Part 09- Create Node Server (Node.js)
• 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 (Redux with Hooks)
• 02:29:23 Part 13- Shopping Cart Screen (Advanced React)
• 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)

Topic Covered

1. HTML5 and CSS3: Semantic Elements, CSS Grid, Flexbox
2. React: Components, Props, Events, Hooks, Router, Axios
3. Redux: Store, Reducers, Actions
4. Node & Express: Web API, Body Parser, File Upload, JWT
5. MongoDB: Mongoose, Aggregation
6. Development: ESLint, Babel, Git, Github,
7. Deployment: Heroku

Demo – https://node-react-ecommerce-app.herokuapp.com/

Github – https://github.com/basir/node-react-ecommerce