Master React JS by Building Real Projects - ECommerce Web Shop - Build & Deploy an Amazing App | React.js, Commerce.js, Stripe

5.0 (0)

9 learners

What you'll learn

This course includes

111.5 hours of video
Certificate of completion
Access on mobile and TV

Summary

Keywords

ecommerce react ecommerce react js ecommerce react app e commerce tutorial e commerce react app e commerce react website build an ecommerce website e-commerce react ecommerce website ecommerce website react react website react website 2021

Full Transcript

Learn how to build & deploy a complete eCommerce website. In this video, we're going to build a fully functional eCommerce application using commerce.js. While building it you're going to learn many advanced React & JavaScript topics, as well as how to use Stripe for card transactions. On top of that, at the end of the video, you will have this unique and complex webshop app that you will be able to add to your portfolio. And trust me, e-commerce applications are impressive. This video contains a bit of advanced JavaScript, if you're feeling insecure about your knowledge and if you like my style of teaching, I'd definitely recommend my advanced JavaScript course: https://www.completepathtojavascriptmastery.com 💻JS Mastery Pro - https://jsmastery.pro?discount=youtube ✅ A special YOUTUBE discount code is automatically applied! ⭐ Commerce.js https://commercejs.com 📚 Materials/References: GitHub Code (feel free to give it a star ⭐) - https://github.com/adrianhajdin/project_e_commerce Styles: https://gist.github.com/adrianhajdin/9867aefce5318f27c95990553f428c6e Icon Image: https://i.ibb.co/Qp1SXBw/commerce.png If you're experiencing any issues or bugs visit https://commercejs.com/docs/community/faq :) 💼 Business Inquiries: [email protected] 📧 Join our JavaScript Mastery's Newsletter on Web Development, JavaScript & React to get exclusive programming guides, tips & tricks, and entire e-books: https://resource.jsmastery.pro/newsletter 🔥 ⭐Hostinger is my personal recommendation for hosting - https://www.hostinger.com/javascriptmastery Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans. 🌎 Find Me Here: Instagram: https://instagram.com/javascriptmastery BuyMeACoffe: https://www.buymeacoffee.com/JSMastery Time Stamps 👇 00:00 Intro 04:12 Setup 09:20 Mock Products 25:07 Navbar 35:01 Commerce Products 52:50 Add to Cart 01:01:24 Cart Layout 01:21:17 React Router 01:29:11 Cart Buttons 01:38:01 Checkout 01:49:56 Address Form 02:04:48 Fetch Countries 02:23:00 Fetch Subdivisions 02:42:33 Review 02:49:38 Payment Form & Stripe 03:08:49 Integration 03:18:40 Mobile Responsiveness 03:20:23 Bug Fixes 03:21:36 No Credit Card Fix 03:25:45 Deployment #ecommerce #react #webdev