Build ECommerce Shopping Cart By React & Redux 2020 Edition
4.4 (254 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
10,339 students enrolled

Build ECommerce Shopping Cart By React & Redux 2020 Edition

Become a Senior React Developer! Build a massive E-commerce app with Redux, React Router, React Reveal and more
4.4 (254 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
10,339 students enrolled
Created by Bassir Jafarzadeh
Last updated 5/2020
English
English [Auto-generated]
Current price: $69.99 Original price: $99.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 4 hours on-demand video
  • 16 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Design Shopping Cart Using HTML and CSS
  • Implement React Components For Product List, Filter, Cart
  • Manage Component State using Redux, React-Redux and Redux-Thunk
  • Create Animations Using React-Reveal and Add Routes using React-Routers
  • Build Backend using Node, Express, MongoDB and Mongoose
  • Publish Project on the Heroku and MongoDB Atlas
Course content
Expand all 14 lectures 04:07:40
+ Introduction
4 lectures 40:36

Source : https://github.com/basir/react-shopping-cart-final

Demo   : https://react-shopping-cart-final.herokuapp.com/


Preview 05:41
  • JavaScript: https://developer.mozilla.org/en-US/docs/Web/JavaScript

  • React: https://reactjs.org

  • Redux: https://redux.js.org

  • Node.JS: https://nodejs.org/en

  • MongoDB: https://www.mongodb.com/download-center/community

  • VS Code: https://code.visualstudio.com

  • Chrome: https://www.google.com/chrome

  • Git: https://git-scm.com/download

  • GitHub: https://github.com

  • Postman: https://www.postman.com

  • Heroku: https://heroku.com

  • Cloud MongoDB Atlas: https://www.mongodb.com/cloud/atlas

Preview 10:45
  • Code Changes: https://github.com/basir/react-shopping-cart/commit/8624ecfaefab62d6ef2ebb93dfd26bde840719ab

Preview 11:54

https://docs.google.com/spreadsheets

Preview 12:16
+ React
6 lectures 02:14:54
  • Code Changes: https://github.com/basir/react-shopping-cart/pull/2/files

Preview 24:04
  • Code Changes: https://github.com/basir/react-shopping-cart/pull/3/files

Filter Products Component
18:21
  • Code Changes: https://github.com/basir/react-shopping-cart/pull/4/files

Cart Component
25:46
  • Code Changes: https://github.com/basir/react-shopping-cart/pull/4/files

Checkout Form
20:00
Add Animation and Modal
20:49
+ Redux
4 lectures 01:12:10
Filtering Products by Redux
24:11
Managing Cart by Redux
21:29
Upgrading to new version of react and redux
00:49
Requirements
  • Basic HTML and CSS
  • Basic JavaScript
Description

Welcome to my coding course to build an fully-functional shopping cart using react and redux. In this course, you will learn the essential tools and skills to design, develop and deploy a fully-function shopping cart using React, Redux, Node, Express, and MongoDB.

My name is Basir and I’ll be your instructor in this course. After 15 years of coding in international companies like ROI Vision in Montreal, I found my passion in teaching programming. For the last 5 years, I have been tutoring hundreds of successful students around the world.

I designed this course for anyone seeking to develop a fully-functional shopping cart using react and redux. By the end of this course you’ll be able to design a responsive shopping cart, implement a user-friendly frontend and develop a simple backend.

You need to open a code editor along with me and start coding throughout this course. I teach you creating products list, shopping cart and checkout components using React, adding animation using react-reveal, create modal by react modal, managing state by Redux, building backends using Node, and MongoDB.

I designed this course for non-coders or juniors who want to be a professional web developer to get a job in 22 million job opportunities around the world. This is no requirement necessary for this course and having a passion for coding is enough.


Who this course is for:
  • Javascript developers
  • Web Developers
  • Freelancers
  • Programming Students