ECommerce Web Shop - Build & Deploy an Amazing App | React.js, Commerce.js, Stripe
JavaScript Mastery JavaScript Mastery
836K subscribers
1,193,944 views
0

 Published On Nov 28, 2020

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.completepathtojavascriptm...

💻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/proje...
Styles: https://gist.github.com/adrianhajdin/...
Icon Image: https://i.ibb.co/Qp1SXBw/commerce.png

If you're experiencing any issues or bugs visit https://commercejs.com/docs/community... :)

💼 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/newsle... 🔥

⭐Hostinger is my personal recommendation for hosting - https://www.hostinger.com/javascriptm...
Use the code JAVASCRIPTMASTERY to save up to 91% on all yearly hosting plans.

🌎 Find Me Here:
Instagram:   / 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

show more

Share/Embed