Overview

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 Product2. User's Panel - Sign Up- Sign In- With Google- With Email and Password- Forgot Password3 Edit Account- Profile Banner- Profile Avatar- Full Name- Address- Email Confirmation- Password- Mobile4. See Orders - Products Orders- Total Price- Shipping Address- Shipping Mobile Number- Shipping Method5.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 Method7. Profile and cover image8. Firebase 9. Basket Items Handling 10. Cool Design with SASS 11. HTML 12. CSS 13. BootstrapAt 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 videoIn this section we will Install Firebase, Then we will setup our WebPack with three different files - Development- Production- ConfigurationStep 2 - We will write Routers we will write different routes for our Client/Admin/AppStep 3- We will start discussing major topic Redux at the end of this discussing you will feel very comfortable with Redux side of our applicationStep 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 applicationStep 9- Now its time to add Admin in our applicationStep 10- This is the last step in which we add Checkout FunctionalityUpdates: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

Skills

Reviews