Hello everyone, today we will Create a Full Stack Ecommerce Website with React JS, Tailwindcss, Firebase, & Stripe.js from scratch.
If you enjoyed this tutorial, don’t forget to:
👍 Like this video to support the channel.
🔔 Subscribe and hit the bell icon to stay updated with the latest tutorials.
💬 Comment if you have any questions or feedback.
☕ Support my work:
Buymeacoffee - https://www.buymeacoffee.com/reactbd
Kofi - https://ko-fi.com/reactbd
Live website: https://ecommercepro.reactbd.com/
Gthub repository: https://github.com/noorjsdivs/supergearyt
Firebase tutorial:
https://youtu.be/4fkw0XmvuhM
Zustand tutorial:
https://youtu.be/4a6CoMQkM0c
I will walk you through the process of building an impressive e-commerce website using these modern tools and technologies. From setting up the project to deploying it live, I will cover every step in detail. This tutorial is perfect for beginners who want to learn how to create an e-commerce website with React JS, Tailwindcss, Firebase, and Stripe.js. By the end of this video, you will have a solid understanding of how to create an e-commerce website from scratch for both Backend & Frontend and be able to confidently build your own projects. So, grab your laptops, and let's get started!
#ReactProjects #ReactJS #development #webdesign #ReactjsEcommerce #Stripejs #StripeCheckout #StripePayment #deployment #verceldeployment #backendwebdevelopment
@reactjsBD
🕐 TIMESTAMPS:
00:00 Project Intro
06:00 Setting up the project
08:44 Tailwind CSS setup
11:00 Creating Header
39:35 Route setup
50:45 Creating Footer
1:01:30 Not Found page setup
1:07:45 Backend project start
1:24:24 Dynamic Routing
1:28:30 Dynamic fetch function
1:54:22 Creating BannerCategories Carousel
2:05:00 Creating Home Banner
2:11:40 Creating Highlights section
2:24:50 Creating Category section
2:33:55 Creating ProductList section
2:41:38 Product Pagination start
2:58:08 Dynamic Product Card
3:36:18 Creating Discounted Banner Section
3:50:17 Creating Blog Section
3:59:45 Dynamic Product Page
4:41:30 Category Filters Start
4:57:42 Creating Search Bar
5:18:20 Database & Store setup
6:14:45 Creating Cart Page
6:59:15 Favourite Page Start
7:55:00 User Registration, Login & Profile
9:14:40 Stripe Checkout
10:10:59 Creating Order Page
10:41:15 Github setup for Deploying
10:44:25 Deploying Backend in Vercel
10:48:33 Deploying Frontend in Vercel
11:03:20 Deployment Check & Conclusion
!! Happy Coding