ECommerce Web Shop - Build & Deploy an Amazing App | React.js, Commerce.js, Stripe
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, Commerce.js team is ready to help: https://chec-commercejs-community.herokuapp.com/
💼 Business Inquiries: javascriptmastery00@gmail.com
🌎 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 Web Shop - Build & Deploy an Amazing App | React.js, Commerce.js, Stripe канала JavaScript Mastery
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, Commerce.js team is ready to help: https://chec-commercejs-community.herokuapp.com/
💼 Business Inquiries: javascriptmastery00@gmail.com
🌎 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 Web Shop - Build & Deploy an Amazing App | React.js, Commerce.js, Stripe канала JavaScript Mastery
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Build a Realtime Chat App in React Native (tutorial for begginers) 🔴Web Developer Reacts to Incredible Personal Websites // Personal PortfoliosReact JS Crash Course 2021React Website using Styled Components and Smooth Scroll - Beginner Project Fully ResponsiveReact Router Tutorial | React For BeginnersHow to Start Dropshipping From ScratchMy Current #NoCode Tech StackChat Application using React JS - Build and Deploy a Chat App in 1 Hour (Microsoft Teams)Let's Build a Full-Stack AMAZON Clone with REACT JS for Beginners (Full E-Comm Store in 8 Hrs) 2021Full Stack MERN Project - Build and Deploy an App | React + Redux, Node, Express, MongoDB [Part 1/2]Web Development In 2021 - A Practical GuideI built a chat app in 7 minutes with React & FirebaseReact Tutorial for Beginners [React js]Redux For Beginners | React Redux TutorialLearn HTML5 and CSS3 For Beginners - Crash CourseReact & Node Tutorial - Full ECommerce in 9 Hours [2021]React / GraphQL Course - Build a social media app (MERNG Stack)Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom HooksRedux Tutorial - Learn Redux from Scratch