+ View more
Course overview
Welcome, Are you ready for an awesome adventure? In this video, we're starting a new series on building a React Ecommerce Website Tutorial in Hindi. This first part is all about the basics - Introduction & Prerequisites. We'll keep it simple and fun as we prepare for an exciting journey into creating an online store with React. we'll tour key pages like landing, about, contact, checkout, and single product, each packed with insights. Explore the add-to-cart process and product list, ensuring a seamless user experience. Stay tuned for more step-by-step tutorials! Let's explore the world of web development together!
Curriculum for this course
69 Lessons
4 hours 35 minutes
React Ecommerce Website Tutorial in Hindi #1: Introduction & Prerequisites for React Ecommerce
1 Lessons
15 minutes
React Ecommerce Website Tutorial in Hindi #2: App Installation with Git Clone 🔥& Folder Structure
1 Lessons
10 minutes
React Ecommerce Website Tutorial in Hindi #3: Complete React Router Dom v6.4 🔥 & Create App Pages
1 Lessons
15 minutes
React Ecommerce Website Tutorial in Hindi #4: Styled Components for Styling React App🔥 No More CSS
1 Lessons
14 minutes
React Ecommerce Website Tutorial in Hindi #5: Complete Header Component with Navbar 🔥
1 Lessons
20 minutes
Tutorial on How to get React Ecommerce Website Source Code 😀
1 Lessons
11 minutes
React Ecommerce Website Tutorial in Hindi #6: Responsive Navbar Completed 🔥
1 Lessons
17 minutes
React Ecommerce Website Tutorial in Hindi #7: Home & About Page with Hero Section (with Props 🔥)
1 Lessons
15 minutes
React Ecommerce Website Tutorial in Hindi #8: Complete Services & Trusted Section 😀
1 Lessons
20 minutes
React Ecommerce Website Tutorial in Hindi #9: Contact Form Send Email & Google Map 🔥
1 Lessons
16 minutes
React Ecommerce Website Tutorial in Hindi #10: Complete Footer Component
1 Lessons
15 minutes
React Ecommerce Website Tutorial in Hindi #11: Complete 404 Error Page
1 Lessons
7 minutes
React Ecommerce Website Tutorial in Hindi #11: Complete 404 Error Page
1 Lessons
7 minutes
React Ecommerce Website Tutorial in Hindi #12: Context API with Provider & useContext Hooks
1 Lessons
14 minutes
React Ecommerce Website Tutorial in Hindi #13: Fetch API data using Axios🔥
1 Lessons
10 minutes
React Ecommerce Website Tutorial in Hindi #14: State Management using useReducer Hook 🔥
1 Lessons
19 minutes
React Ecommerce Website Tutorial in Hindi #15: Complete Feature Section of Home Page 🔥
1 Lessons
18 minutes
React Ecommerce Website #16: Convert Numbers into Indian Currency with Intl Number Format API 🔥
1 Lessons
12 minutes
React Ecommerce Website #17: Complete Context API, Axios & useReducer State for Single Product Page🔥
1 Lessons
15 minutes
React Ecommerce Website #18: Get API Data with ID and Destructure in Single Product Page🔥
1 Lessons
13 minutes
React Ecommerce Website #19: Page Navigation & Product Details UI🔥
1 Lessons
20 minutes
React Ecommerce Website #20: Dynamic Images Functionality in One Click 🔥
1 Lessons
14 minutes
React Ecommerce Website #21: Star Ratings Component & Reviews using React JS 🔥
1 Lessons
20 minutes
React Ecommerce Website #22: Colors Picker Selection functionality with React JS 🔥
1 Lessons
15 minutes
React Ecommerce Website #23: Product Quantity Increment & Decrement Button with React JS 🔥
1 Lessons
12 minutes
React Ecommerce Website #24: Let's Code Our Product Page with all Filters & Sorting 🔥
1 Lessons
10 minutes
React Ecommerce Website #25: Get Data for Products Page using Context API & useReducre Hook 🔥
1 Lessons
21 minutes
React Ecommerce Website #26: Dynamic Grid View Layout in Product Page 🔥
1 Lessons
14 minutes
React Ecommerce Website #27: Dynamic ListView Layout in Product Page 🔥
1 Lessons
14 minutes
React Ecommerce Website #28: Clickable Grid & List View Sorting Button in Product Page 🔥
1 Lessons
16 minutes
React Ecommerce Website #29: Amazon Like Sort products from low to high prices in React
1 Lessons
17 minutes
React Ecommerce Website #29: Amazon Like Sort products from low to high prices in React
1 Lessons
17 minutes
React Ecommerce Website #30: Amazon Like Sorting Products in React 🔥 P-2
1 Lessons
13 minutes
Our 1st Task 👉 make Amazon Like Features Section with Less Code || React Ecommerce Website #31
1 Lessons
4 minutes
React Ecommerce Website #32: let's use DRY (Do Not Repeat Yourself) Approach to make Code shorter
1 Lessons
11 minutes
React Ecommerce Website #33: Search Filter in React JS in Hindi
1 Lessons
18 minutes
React Ecommerce Website #33: Search Filter in React JS in Hindi
1 Lessons
18 minutes
React Ecommerce Website #34: Code Category Filter in React JS in Hindi || P-1
1 Lessons
11 minutes
React Ecommerce Website #35: Working Category Filter in React JS in Hindi || P-2
1 Lessons
12 minutes
React Ecommerce Website #36: Company Wise Filter in React JS in Hindi
1 Lessons
11 minutes
React Ecommerce Website #37: Company & Category Filter using "ALL" value
1 Lessons
4 minutes
React Ecommerce Website #38: Get the Union Of Colors in New Array | P-1
1 Lessons
12 minutes
React Ecommerce Website #39: Filter Products based on Colors in React JS | P-2
1 Lessons
10 minutes
React Ecommerce Website #40: Get the Tick Mark on Colors and All Filter option in React JS | P-3
1 Lessons
11 minutes
React Ecommerce Website #42: Input Range Price Filter in React JS | P-2
1 Lessons
11 minutes
React Ecommerce Website #43: Clear Filter Button 🔥
1 Lessons
8 minutes
React Ecommerce Website #41: Find Union Of an Array for Price Filter in React JS | P-1
1 Lessons
16 minutes
React Ecommerce Website #44: Creating Context & Reducer for Add To Cart 🔥
1 Lessons
18 minutes
React Ecommerce Website #45: Add Products to the Shopping Cart in React JS🔥
1 Lessons
13 minutes
React Ecommerce Website #46: Create Add To Cart Page Dynamically 🔥
1 Lessons
13 minutes
React Ecommerce Website #46: Create Add To Cart Page Dynamically 🔥
1 Lessons
10 minutes
React Ecommerce Website #47: Create Remove Button in Add To Cart Page🔥
1 Lessons
10 minutes
React Ecommerce Website #48: use LocalStorage to Store and Retrieve Shopping Cart items
1 Lessons
11 minutes
React Ecommerce Website #49: Continue Shopping and Clear Cart Button in Add to Cart 🔥
1 Lessons
9 minutes
React Ecommerce Website #50: Handling Existing Items in Cart 🔥
1 Lessons
13 minutes
React Ecommerce Website #51: Task For You #3 🔥
1 Lessons
3 minutes
React Ecommerce Website #52: Toggle Increment & Decrement Buttons in Cart 🔥
1 Lessons
16 minutes
React Ecommerce Website #53: Updating the total Item Quantity in Cart 🔥
1 Lessons
10 minutes
React Ecommerce Website #54: Calculate The Cart Total Price🔥
1 Lessons
13 minutes
React Ecommerce Website #55: Let's simplify Cart Total & price code with Reduce 🔥
1 Lessons
8 minutes
React Ecommerce Website #56: Solving All the Errors & Warning in our Ecommerce Website 🔥
1 Lessons
5 minutes
React Ecommerce Website #56: Solving All the Errors & Warning in our Ecommerce Website 🔥
1 Lessons
5 minutes
#57: Download Complete Source of React Ecommerce Website 🔥
1 Lessons
15 minutes
#57: Download Complete Source of React Ecommerce Website 🔥
1 Lessons
15 minutes
#58 : React Ecommerce Website Done || UPDATES about Backend, Database & API 🔥
1 Lessons
8 minutes
#60: Add Social Login to our React Ecommerce Website 🔥
1 Lessons
6 minutes
#61: Get & Display User Profile Information After Login to Ecommerce Website 🔥
1 Lessons
8 minutes
#62: Protect your React Ecom website Personal Data with DOTENV 🔥
1 Lessons
7 minutes
#63: Host React eCommerce Website for Free in Netlify 🔥
1 Lessons
10 mintues
+ View more
Other related courses
About instructor
Student feedback
Write a public review