Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
20 Hour(s) 27 Minute(s)
Language
English
Taught by
Ben Fisher
Rating
3 views
Course Overview
![Build a web-shop in React MERN Full Stack [2024 Update]](https://i.udemycdn.com/course/480x270/5006098_7d9a_10.jpg)
Build a full stack e-commerce platform from scratch with React, Redux, Express, MongoDB [MERN Stack + Chakra UI]
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.
Course Content
- 10 section(s)
- 213 lecture(s)
- Section 1 Introduction
- Section 2 Installing Necessary Tools
- Section 3 Project Initialization
- Section 4 Chapter 1 - Products & Redux Setup
- Section 5 Chapter 2 - Pagination & Favorites
- Section 6 Chapter 3 - Products Screen & Landing Screen
- Section 7 Chapter 4 - Cart Screen & Footer
- Section 8 Chapter 5 - Login & Registration
- Section 9 Chapter 6 - Google Authentication & Protect Route
- Section 10 Chapter 6.1 - Authentication Middleware
What You’ll 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
Skills covered in this course
Reviews
-
AAbdul Al Ahad
good
-
VVedran Škarica
Apparently, create-react-app is deprecated.
-
AAlejandra Valdivia
Ben is very knowledgeable. I like that he is objective and explains things in an easy-to-understand way; the videos are not long and easy to follow. This course is one of the best MERN stack courses ever. I highly recommend it! I love how my app is looking!
-
CChanjuan Pan
Very nice. But seems a couple of videos are missing so I have to pick up the code from your github by myself. It'll be great if you can add the missing videos back in.
