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

Create Your Own E-Commerce Store with React/Redux Admin/User, available at $34.99, has an average rating of 4.1, with 65 lectures, based on 12 reviews, and has 83 subscribers.

You will learn about 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 This course is ideal for individuals who are React/Javascript Developers want to learn different tools of React/Redux or WebPack Users or Redux Users It is particularly useful for React/Javascript Developers want to learn different tools of React/Redux or WebPack Users or Redux Users.

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

Summary

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

Price: $34.99

Average Rating: 4.1

Number of Lectures: 65

Number of Published Lectures: 65

Number of Curriculum Items: 65

Number of Published Curriculum Objects: 65

Original Price: $22.99

Quality Status: approved

Status: Live

What You Will Learn

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

Who Should Attend

React/Javascript Developers want to learn different tools of React/Redux
WebPack Users
Redux Users

Target Audiences

React/Javascript Developers want to learn different tools of React/Redux
WebPack Users
Redux Users

This Project is intended to develop full e-commerce project with React/Redux.

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 time 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

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Firebase Setup

Lecture 3: Using React First Time? Have a look

Lecture 4: Now Create Your Ecommerce Project

Chapter 2: Our Project's Major Topic Redux

Lecture 1: Start Redux Analogy

Lecture 2: Completing Our Analogy

Lecture 3: Mapping Our Analogy With Redux

Lecture 4: Writing Action Creators

Lecture 5: Writing Reducers Part-1

Lecture 6: Writing Reducers Part-2

Lecture 7: Completing Our Analogy's Code

Chapter 3: WebPack Setup

Lecture 1: Create WebPack Dev and Production files

Lecture 2: WebPack Base, Dev & Prod files(1/3)

Lecture 3: WebPack Base, Dev & Prod files(2/3)

Lecture 4: WebPack Base, Dev & Prod files(3/3)

Chapter 4: Writing Firebase & Running Server

Lecture 1: Write Some More Firebase Functions

Lecture 2: Run The Development Server

Lecture 3: Write Admin Firebase Functions (1/2)

Lecture 4: Write Admin Firebase Functions (2/2)

Chapter 5: Installing Packages and Writing Routers

Lecture 1: Install Different Packages

Lecture 2: Write Admin/Client/Public Routes

Lecture 3: Write App Router

Chapter 6: Writing Action Creators

Lecture 1: App & Auth Action Creators (1/6)

Lecture 2: Basket & Checkout Action Creators (2/6)

Lecture 3: Filter Action Creator (3/6)

Lecture 4: Product Action Creator (4/6)

Lecture 5: Profile Action Creator (5/6)

Lecture 6: Users Action Creator (6/6)

Chapter 7: Writing Reducers

Lecture 1: App Reducer (1/6)

Lecture 2: Basket Reducer (2/6)

Lecture 3: checkout Reducer (3/6)

Lecture 4: Filter Reducer (4/6)

Lecture 5: Product Reducer (5/6)

Lecture 6: Profile & User Reducers (6/6)

Chapter 8: Download Files

Lecture 1: How To Use Downloaded Files

Chapter 9: Redux-Persist & Redux-Store & Saga-Midleware

Lecture 1: Redux (Persist, Store, Middleware)

Lecture 2: Remove Errors & Run Application

Lecture 3: Login Page

Chapter 10: Writing User Account Functionality

Lecture 1: User Account Settings(1/7)

Lecture 2: User Account Settings(2/7)

Lecture 3: User Account Settings(3/7)

Lecture 4: User Account Settings(4/7)

Lecture 5: User Account Settings(5/7)

Lecture 6: User Account Settings(6/7)

Lecture 7: User Account Settings(7/7)

Lecture 8: Remaining Firebase Functions

Lecture 9: Sign Up Page

Lecture 10: Finalize And Remove Errors

Chapter 11: Writing Admin Side Functionality

Lecture 1: Admin Dashboard(1/2)

Lecture 2: Admin Dashboard(2/2)

Lecture 3: Display Products In Admin (1/2)

Lecture 4: Display Products In Admin (2/2)

Lecture 5: Finalize Admin Product Component

Lecture 6: Removing Errors And Edit Component

Lecture 7: Writing Home Component

Chapter 12: Writing Checkout Functionality

Lecture 1: Checkout Pagination Page

Lecture 2: Checkout Step Tracker Page

Lecture 3: Checking AUTH On Checkout

Lecture 4: Checkout Step-1

Lecture 5: Resolving Firebase Analytics Problem

Lecture 6: Write Shipping Form

Lecture 7: Complete Shipping Form

Lecture 8: Write Shipping Total Component

Lecture 9: Completing Shipping Component

Lecture 10: Finalizing Our React/Redux Project

Instructors

Tech CodingCamp
Software Engineering Team

Rating Distribution

1 stars: 1 votes
2 stars: 1 votes
3 stars: 1 votes
4 stars: 2 votes
5 stars: 7 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu