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?discountyoutube
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