Create Your Own E-Commerce Store with React/Redux Admin/User

LeeAndro · May 25, 2022

Step-by-Step Guidance of Development of e-Commerce Project & Important React/Redux Topics

E-Commerce React/Redux Project With Separate Explained Topics

Redux Explained

Saga Middleware Explained

React Development Tools Explained

React Hooks Explained

Client/Public/Admin/App Routers Explained

Redux Persist Explained

Normalize_css Explained

Babel-Eslint

Clean-WebPack-Plugin

Copy-WebPack-Plugin

Cross-Env

Dot-Env

Extract-Text-WebPack-Plugin

Loaders

Live Server

Formik

React Skeletons

Little bit knowledge of React

This project will add different products with shipping details.

Features

1. Admin Panel

- See Orders

- See Total Products

- Apply Filters on products

- Edit Product

- Add Product

- Delete Product

2. User's Panel

- Sign Up

- Sign In

- With Google

- With Email and Password

- Forgot Password

3 Edit Account

- Profile Banner

- Profile Avatar

- Full Name

- Address

- Email Confirmation

- Password

- Mobile

4. See Orders

- Products Orders

- Total Price

- Shipping Address

- Shipping Mobile Number

- Shipping Method

5.Filters

- 5(1). Brand Filter

- 5(2). Sort by Descending order

- 5(3). Sort by Ascending order

- 5(4). Search by Price bar (min, max)

- 5(5). Search Bar

6. 2 Step verification and place orders

- PayPal Payment Method

7. Profile and cover image

8. Firebase

9. Basket Items Handling

10. Cool Design with SASS

11. HTML

12. CSS

13. Bootstrap

At the end of this project you will feel comfortable in making different complex projects with React/Redux and different tools.

This Project is Comprehensive and every thing is discussed in detail.

Code Walkthrough in detail.

We Would Start by explaining What we gonna do in our Project with demo video

In this section we will Install Firebase, Then we will setup our WebPack with three different files

- Development

- Production

- Configuration

Step 2 - We will write Routers we will write different routes for our Client/Admin/App

Step 3- We will start discussing major topic Redux at the end of this discussing you will feel very comfortable with Redux side of our application

Step 4- We will start to Structure our Application by defining all the files that we gonna develop rest of our application.

Step 5- In this step we will install all of the packages that we need in our application.

Step 6- In this step we will write Authentication coding with firebase.

Step 7- Now, will Add functionality for our user to Sign in, Dashboard, Edit Account & Show Orders.

Step 8- Then we will remove error and start our application

Step 9- Now its to add Admin in our application

Step 10- This is the last step in which we add Checkout Functionality

Updates:

I will be adding different more topics with React so that this course will become full package like you can learn different React important concepts with full project

React/javascript Developers want to learn different tools of React/Redux

WebPack Users

Redux Users

DOWNLOAD
uploadgig

rapidgator

nitroflare

Create Your Own E-Commerce Store with React/Redux Admin/User

LeeAndro

Trusted Editor