1: Clone the Project
2: Simply run the command npm install - First to install all the packages
3: Run the project using npm start
- Main Starter Files of React Ecom Source Code
- Updated React Router Dom
- Styled-Components
- Header-Section
- Responsive-Header-Section
- HeroSection, Home Page & About Page
- Services & Trusted Sections
- Contact Page
- Footer-Section
- Error-Page
- ContextAPI
- Fetch API using Axios
- State Management using useReducer Hook
- Feature Section of Home Page
- Format Pricing
- Complete Context API, Axios & useReducer State for Single Product
- Get API Data with ID and Destructure in Single Product Page
- Page Navigation & Product Details UI
- Dynamic Images Functionality in One Click using useState Hook
- Star Ratings & Reviews in Star Component
- Dynamic Color Section
- Product Quantity Increment & Decrement Button
- Products Page
- Get Data for Products Page using Context API & useReducer Hook
- Dynamic Grid View Layout in Product Page
- Dynamic ListView Layout in Product Page
- Clickable Grid & List View Sorting Button in Product Page
- Sort products from low to high prices using Context API & useReducer Hook
- Sort Products for all 4 cases using sort method
- Used Switch Case to make code shorter of Sort Products
- Search Filter using Context API, useReducer Hook and useContext Hook
- Category Filter
- Company Filter
- Color & Price Filter
- Clear Filter Button
- Add to Cart