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
