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
💼 Business Inquiries: javascriptmastery00@gmail.com
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
#react #javascript #web-development #developer #stripe
