Create Your Own E-Commerce Store with React/Redux Admin/User
Posted by Superadmin on March 13 2021 00:24:38
Create Your Own E-Commerce Store with React/Redux Admin/User
Step-by-Step Guidance of Development of e-Commerce Project & Important React/Redux Topics
What you'll 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
Requirements
Little bit knowledge of React
Description
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
Who this course is for
React/Javascript Developers want to learn different tools of React/Redux
WebPack Users
Redux Users