Tutorialspoint

Celebrating 11 Years of Learning Excellence! Use: TP11

Build a web-shop in React MERN Full Stack

person icon Benjamin Fischer

4.6

Build a web-shop in React MERN Full Stack

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

updated on icon Updated on Jun, 2025

language icon Language - English

person icon Benjamin Fischer

category icon Development ,Web Development,ReactJS

Lectures -213

Resources -1

Duration -20.5 hours

Lifetime Access

4.6

price-loader

Lifetime Access

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

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 in how full-stack applications are built.
  • 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 in a database.
  • Using MongoDB.
  • Using NodeJS.
  • Using Express.
  • Version control using Git with GitHub.

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.

In 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 web applications in a very modern and professional manner.

Prerequisites

  • You just need a computer and an internet connection.
Build a web-shop in React MERN Full Stack

Curriculum

Check out the detailed breakdown of what’s inside the course

Intro

2 Lectures
  • play icon Welcome 02:05 02:05
  • play icon Web Store Demo 01:26 01:26

Chapter 0.1 Installing Software

5 Lectures
Tutorialspoint

Chapter 0.2 Project Initialization

11 Lectures
Tutorialspoint

Chapter 1 Getting Products Displayed

18 Lectures
Tutorialspoint

Chapter 2 Pagination

11 Lectures
Tutorialspoint

Chapter 3 Header & Product Screen

21 Lectures
Tutorialspoint

Chapter 4 Cart Functionality

14 Lectures
Tutorialspoint

Chapter 5 Registration & Login

42 Lectures
Tutorialspoint

Chapter 6 Google Authentication

10 Lectures
Tutorialspoint

Chapter 6.1

2 Lectures
Tutorialspoint

Chapter 7 Product Review

8 Lectures
Tutorialspoint

Chapter 8 Stripe Payment

22 Lectures
Tutorialspoint

Chapter 9 Admin Console

38 Lectures
Tutorialspoint

Chapter 10 Deployment

9 Lectures
Tutorialspoint

Instructor Details

Benjamin Fischer

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

Our students work
with the Best

Related Video Courses

View More

Annual 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

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515