Build a Full Stack E-Commerce Website with React 18, Strapi, Stripe | Complete E-Commerce Project

Build a complete ecommerce website from scratch, In this video we will cover all important topics of react js such as jsx, components, props, state, lifecycle of components, conditional rendering, lists, keys, context api & more. At the end of this tutorial you would have a fully functional ecommerce website which you can use for your own business or you can sell out if to the others.

Recommended Videos:
⏩ Build Deploy & Google Search Clone - https://youtu.be/nvWwAYqL2U0
⏩ Build Deploy & YouTube Clone - https://youtu.be/8HTYXNLLLSQ
⏩ Build & Deploy Personal Portfolio Website - https://youtu.be/wFaPrqi1YFQ

⭐ React - https://reactjs.org/docs/getting-started.html
⭐ Strapi - https://strapi.io/
⭐ Stripe - https://stripe.com/en-in

? Materials/References:
GitHub Repository Client (give it a star ⭐): http://bit.ly/3hBeEjc
GitHub Repository Api (give it a star ⭐): http://bit.ly/3v12SSo
Gist: http://bit.ly/3jfyZuU
Assets: http://bit.ly/3jcQYlD
Products: http://bit.ly/3FOpUAy

Installed NPM Packages:
Axios - https://www.npmjs.com/package/axios-react
React Router DOM - https://www.npmjs.com/package/react-router-dom
React Icons - https://www.npmjs.com/package/react-icons

In this tutorial you’ll learn:
- React 18 and its latest features
- React functional components and their reusability
- React hooks and state management
- How to use Context API
- Advance concepts or Context API
- Rapid UI building with SCSS
- Most important concepts of SCSS
- Mobile first responsive approach
- How to use Strapi Headless CMS
- CRUD Operations in Strapi
- Functional Programming through utility methods
- How to use Axios in react app
- How to integrate Stripe payment gateway

Follow me on ?
?️ Instagram - https://bit.ly/3jIJqYc
? GitHub - http://bit.ly/3I6Qx6O

? Time Stamps
00:00:00 Intro & Project Demo
00:03:58 Project Setup & Walkthrough of Folder Structure
00:08:39 React Router DOM Setup
00:19:21 Header Section
00:58:05 Homepage Hero Banner Section
01:19:38 Newsletter Section
01:34:35 Footer Section
01:59:28 Homepage Popular Products Section
02:13:58 Category Page
02:23:16 Product Details Page
02:49:04 Related Products for Product Details Page
02:52:07 Shopping Cart
03:30:35 Search Product Modal
03:50:22 Strapi Integration & Walkthrough
04:06:00 API Testing
04:17:20 API Setup for Homepage Categories & Products Section
04:28:17 Homepage Categories API Integration
04:31:24 Homepage Products API Integration
04:34:40 Category Page API Integration
04:52:53 Product Details Page API Integration
05:12:28 Product Details Page Related Products API Integration
05:17:17 Shopping Cart Functionality
05:50:03 Live Search Functionality
05:59:20 Stripe Payment Gateway Integration