React - Build a Complete E-Commerce Application Step by Step

Learn React.js from scratch and build a Complete E-Commerce Front-end Application using React JS, JavaScript and JSX

This course is for Beginners to React.js having some knowledge of HTML and JavaScript.

In this course, I will show you how to build a complete front-end application using React. This application is also called a Single Page Application (SPA) because it contains a single HTML file that renders different views.

We will use "JSON Server", which is a REST server, as our backend application. So we will only focus on creating the front-end application. We will perform CRUD (Create, Read, Update and Delete) operations on products by sending HTTP Requests to the backend application using the Fetch API. Then we will add Registration, Authentication and Role-based Authorization using JWT (JSON Web Token).

In this course, you will learn:

- How to create a React Application using JavaScript, JSX and Bootstrap

- How to create React Components and how to Export/Import them

- How to pass parameters (props) to React components

- How to use useful React functions, called Hooks: useState, useEffect and useContext

- How to use states within function components

- How to create two types of forms: controlled and uncontrolled forms

- How to validate forms using client-side validation and server-side validation

- How to Implement Registration, Authentication and Role-based Authorization using JWT

- How to perform CRUD operations (Create, Read, Update and Delete) on products using different HTTP requests and the Fetch API

- How to use pagination (Split data on multiple pages), search, sort and filter functionalities

- How to upload images to the server

- How to store and access the application data locally on the browser using the local storage