Build a web-shop in React MERN Full Stack [2024 Update]
Build a full stack e-commerce platform from scratch with React, Redux, Express, MongoDB [MERN Stack + Chakra UI]
Web Development,Full Stack Development,REST API,React JS,Javascript,
Lectures -213
Resources -1
Duration -20.5 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
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.
Goals
I am giving you a comprehensive kick start to full stack web development using MERN.
After this course, you will be well equipped to build your own web applications in a very modern and professional manner.
Prerequisites
You just need a computer and internet connection.
![Build a web-shop in React MERN Full Stack [2024 Update] Build a web-shop in React MERN Full Stack [2024 Update]](https://d3mxt5v3yxgcsr.cloudfront.net/courses/17978/course_17978_image.jpg)
Curriculum
Check out the detailed breakdown of what’s inside the course
Intro
2 Lectures
-
Welcome 02:05 02:05
-
Web Store Demo 01:26 01:26
Chapter 0.1 Installing Software
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Chapter 0.2 Project Initialization
11 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Chapter 1 Getting Products Displayed
18 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Chapter 2 Pagination
11 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Chapter 3 Header & Product Screen
21 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Chapter 4 Cart Functionality
14 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Chapter 5 Registration & Login
42 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Chapter 6 Google Authentication
10 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Chapter 6.1
2 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Chapter 7 Product Review
8 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Chapter 8 Stripe Payment
22 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Chapter 9 Admin Console
38 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Chapter 10 Deployment
9 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Benjamin Fischer](https://www.tutorialspoint.com/assets/profiles/786435/profile/200_2357493-1707203793.jpg)
Benjamin Fischer
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 is a solid background for creating his courses.
Benjamin loves cooking, traveling, rock & metal music, and his family.
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)