Skip to content
UdemyReactPaid courseBeginner levelCertificate

Build a web-shop in React MERN Full Stack [2024 Update] (Udemy.com)

Build a full stack e-commerce platform from scratch with React, Redux, Express, MongoDB [MERN Stack + Chakra UI]

Created by: Ben Fisher

Last updated January 2024

icon
What you will learn

  • Programming in JavaScript using ReactJs
  • Learn building applications with Chakra UI
  • Modern Redux with ReactJs
  • Version control using Git (Github)
  • Building API's with Express & Node
  • Full stack software engineering / Web development
  • Creating e-commerce shops for any kind of products
  • Formik & Yup for easy form validation
  • React hooks
  • React routing
  • Json web tokens (jwt)
  • User login and registration back to front
  • Password hashing
  • MongoDb set up
  • Easy & free deployment
  • Object data mapping
  • Postman
  • REST API's
  • Website administration
  • PayPal Payment
  • Redux Js Toolkit
  • Email address verification
  • Google Authentication for easy login & registration
  • Password reset
  • Stripe Credit Card Payment Checkout

How it compares

Against the other 173 rated Udemy courses in React on CourseDuck:

  • Rating4.5 out of 5higher than 53% of them
  • Reviews151#144 of 174 by number of reviews
  • Length20.5 hourslonger than 63% of them
  • Last updatedJanuary 2024earlier than 51% of them

icon
Course Description

Major upgrade including now Google Auth, password reset, pagination, email verification, credit card checkout using Stripe and many more.


Hello and welcome to my course. This is a beginner’s course for building modern web applications. This is the right course for you if you are:

- Interested in web development

- Studying IT

- Interested in programming in general

- Upskilling your existing knowledge of React

- Interested how full-stack applications are build

- Solid understanding of programming and want to start with React/JavaScript

- Interested in Chakra UI.

- You are new to the world of IT and you want to start somewhere

What will you learn?

- React and React hooks

- Functional components

- State management with ReduxJs Toolkit

- Using a component library such as Chakra UI

- Styling and designing webpages

- Responsive design

- User registration and authentication (login)

- Writing an API and storing data to a database.

- Using MongoDB

- Using NodeJS

- Using Express

- Version control using Git with Github

- And many more…

This course is very practical, about 90%+ of the lessons will involve you coding along with me on this project. If you are the type of person who gets the most out of learning by doing, then this course is definitely for you.

On this course we will build an example e-commerce shop called Techlines, completely from scratch using the most popular JavaScript library called React in combination with Redux, Chakra UI, NodeJs, Express, MongoDB and many more. All you will need to get started is a computer with your favourite operating system, and a passion for learning how to build an application.

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Ben Fisher

Benjamin Fischer is a professional software engineer based in New Zealand with German roots. He has a  passion for creating things that live on the internet. His Bachelor of information & communication technologies combined with years of experience and a talent for explaining things are a solid background for creating his courses. 

Benjamin loves cooking, travelling, rock & metal music and his family. 

icon
More React courses

$139.99

$94.99

$74.99

$69.99

$89.99

$99.99

icon
Reviews

4.5

151 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Hanna Velychko on 12/21/2023

The course is helpful to gain hands-on experience building fully functional internet shop from scratch. I have just started the course and have already learnt how to use MongoDB! In my opinion, it is quite challenging for complete beginners and is worth taking after you have learnt some basics. If you take it without prior knowledge or experience, be ready to google a lot and accept the fact that you will have to copy the author's code even though it is not clear to you.

By Davis Lyubarsky on 11/4/2023

I get it that you say "dont worry we'll figure it out later" on the whole redux thing, but i have to admit that if this course is for "Beginner in JavaScript, React or Programming" those things seem really overwhelming- including Express,axios and pretty much everything thats is not react/js... as for now i cant see how the things will continue because im feeling really bad with the code that im writing, if i wanted to buy a project i would have already done it, and it does feel like im learning redux- just copying. might want to concider adding a really small redux project so we could understand it before diving so deep...

By Evan Vargas on 4/20/2023

I really enjoyed learning how to make a full stack ecommerce application using Formik, Yup, and Chakra UI. The app we made was sleek and had administrator interfaces that allowed for CRUD operations too. Also, it was amazing to actually have a PayPal interface that is fully functional. It was great having a github repository to refer to when things got a bit difficult; also, I really enjoyed how the professor actually took feedback from his students and created a bug section. So, that means he updates his course. Overall, it was informative, enjoyable, and I am glad to say that I have fully deployed application out of it! The only feedback I have is that it would have been nice if the professor would have given a little demonstration of Chakra UI components, perhaps demonstrated smaller examples before jumping in the code. It could be a bit daunting to explore a complete library full force; however, the Chakra UI documentation is very detailed and user friendly. Thanks, Evan

By Bodie Wood on 3/13/2023

This course may not be the most comprehensive source of information if you are looking to learn how to build a website with MERN. The primary focus of the course appears to be copying what the instructor is typing, and as a result, it may not provide an in-depth understanding of the concepts involved. I suggest exploring other resources in addition to this course if you want to gain a thorough understanding of MERN web development. Also, there were many mistakes in the code that caused major headaches and broke the program entirely. Though the instructor did provide fixes to these errors, the fixes were not presented until much later in the course. Please be aware.

By Doan on 2/25/2023

Sorry, I was meant to write some feedback but I forgot to do so. I really liked the course and the effort you put into it- I learnt a lot! Some things that could be better- if you write a bit of code, then switch to Chrome to show what it does (particularly for Tailwind or Redux) would better explain the functionality. Also, you could commit your code after each lecture and link the github commit so we can see what you have done each step of the lecture. Apart from that , excited to see you create more courses as I like your style. Could you please do NextJS for the next course?

By Daniel Wilkey on 2/18/2023

I cannot recommend Benjamin enough as a tutor. His course is nothing short of amazing, and I can confidently say that it's one of the best courses I've ever taken. Not only is Benjamin an excellent instructor, but he also genuinely cares about his students' progress and success. He is incredibly easy to understand and always goes above and beyond to ensure that his students have a complete understanding of the material. Benjamin's prompt and helpful responses to any questions or concerns are simply outstanding, as he replies to queries within 24 hours. The support he provides to his students is truly remarkable, and I cannot thank him enough for going out of his way to help me succeed in the course. As a fellow Kiwi, Benjamin's approachable and friendly demeanor made the course feel less daunting, and his teaching style is tailored to ensure that all students feel included and valued. I highly recommend this course to anyone looking for a fantastic learning experience, and if you have the opportunity to work with Benjamin, I guarantee you won't be disappointed. Thank you, Benjamin, for all that you do!

By JamesBond N on 2/16/2023

This is a course fits right in for beginner and whoever like me who got confused with some react state management. Benjamin answers all questions and attend to any enquiries. His explanations in every topic was clear. The videos was short and focused for every section. He uses practical UI dependencies which does not overload you in your learning. This course honestly deserves more students. It covers most of the main features required in an ecommerce application. However, you will require to add more features on your own should you bring it to production such as for login/authentication with email and reset. I am eagerly looking forward to enroll more of his course if Benjamin ever make a course for advance / intermediate students. eg: Ecommerce driven with dashboard, perhaps some basic analytics. He is a good instructor, his approach was short, clear and concise.

By Johnathan Fassbender on 1/7/2023

Finally a course about MERN and Chakra UI. I was looking for an alternative to Bootstrap and MUI. Chakra is so powerful and I am not surprised that using it with mern works perfectly! Ben is a great instructor. It is definitely worth it. Make another course, please!

By Samantha Kowalski on 1/3/2023

This is such a good course. Ben doesn't just teach you what to do, he teaches you why you're doing it. You walk away with a really solid foundation of knowledge. This course in particular teaches all of the most important parts of the MERN stack with Chakra for making a web application. Hands down the best course I've taken on Udemy.

By Bryan Porter on 1/1/2023

This is a great course! Ben is covering a lot of topics, the course is well structured and you learn a lot. After this course, I was able to build my own little app with the same technologies used in this course. I am studying IT and this course is great to get your feet wet in coding :). Highly recommended.

Showing all 10 reviews on CourseDuck

Read all 151 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 90 / 100