ECommerce Web Shop – Build & Deploy an Amazing App | React.js, Commerce.js, Stripe
Ideas Tags: &, Amazing, Build, Commerce.js, Deploy, ECommerce, React.js, Shop, StripeNo Comments »
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
⭐ 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: javascriptmastery00@gmail.com
📧 Subscribe to JavaScript Mastery’s Newsletter on Web Development, JavaScript and React to stay relevant in the Web Development Industry: https://javascriptmastery.eo.page 🔥
🌎 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
Video Rating: / 5