Creating Full Stack Ecommerce Website with React JS, Tailwindcss, Firebase, & Stripe.js | Full Video

Creating Full Stack Ecommerce Website with React JS, Tailwindcss, Firebase, & Stripe.js | Full Video

22.868 Lượt nghe
Creating Full Stack Ecommerce Website with React JS, Tailwindcss, Firebase, & Stripe.js | Full Video
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