Learn how to build a complete online store and shopping cart using React, Node and Stripe!
The shopping cart app you build will feature:
A complete gallery of products that users can pick from
An attractive and responsive, mobile-first app design, ideal for all devices
Dedicated pages for each product, with several user actions
The ability for users to add or remove multiple products to your cart
A live count of the quantity and number of items in the user’s cart
A cart screen where users can manage their products
Checkout buttons where users can instantly go to checkout their items
A secure, credit-card checkout process using the very popular Stripe Checkout
A “thank you” screen that summarizes customer purchases
In this course, you will:
Create an impressive React frontend that displays our products
Make a professionally styled user interface using TailwindCSS
Build an entire Node API for products and checkout
Fetch and display data using next-level React hooks
Add, update and remove items from your cart
Charge customers with Stripe Checkout
Deploy our final app live to the web with Heroku
This shopping cart application is a robust, practical project that you can use to create your own business, sell goods to customers, and serves as a great additional to your developer portfolio.
You’ll learn the skills and best practices that allow you to build apps in hours, not weeks.
Plus, we’ll learn cutting edge React features and best practices that aren’t featured in any other courses.
Join me and build a complete shopping cart app with React, Node and Stripe!
Who this course is for:
Beginner/intermediate React developers wanting to build a full-scale app
Developers who want to make a practical React project that can be used in the real world
React/JavaScript coders looking to level-up their skills through meaningful projects
Requirements
Basic knowledge of JavaScript
Basic knowledge of React
Last Updated 2/2021
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
.pad/0
287.1 KB
.pad/1
358.9 KB
.pad/10
378.5 KB
.pad/11
203.5 KB
.pad/12
238.5 KB
.pad/13
85.4 KB
.pad/14
87.4 KB
.pad/15
296.4 KB
.pad/16
215.5 KB
.pad/17
359.4 KB
.pad/18
122 KB
.pad/19
133.8 KB
.pad/2
445.3 KB
.pad/3
188.4 KB
.pad/4
146.6 KB
.pad/5
19.2 KB
.pad/6
412.8 KB
.pad/7
452.9 KB
.pad/8
239.5 KB
.pad/9
417.9 KB
TutsNode.com.txt
63 B
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/1. Create Project.mp4
10.9 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/1. Create Project.srt
2.3 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/1.1 react-shopper-final-code.zip
484.5 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/10. Integrate Stripe with Node and React.mp4
39.1 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/10. Integrate Stripe with Node and React.srt
6.1 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/11. Add products to cart.mp4
63.6 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/11. Add products to cart.srt
8.6 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/12. Remove products from cart.mp4
31.8 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/12. Remove products from cart.srt
3.9 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/13. Show cart summary to users.mp4
42.1 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/13. Show cart summary to users.srt
5 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/14. Add modal to show cart details.mp4
40.3 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/14. Add modal to show cart details.srt
5.5 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/15. Display all cart items in modal.mp4
28.9 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/15. Display all cart items in modal.srt
3.9 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/16. Set item quantity with cart modal.mp4
21.6 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/16. Set item quantity with cart modal.srt
3.6 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/17. Create custom useCheckout hook.mp4
48.5 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/17. Create custom useCheckout hook.srt
7.4 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/18. Purchase cart with Stripe Checkout.mp4
56.8 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/18. Purchase cart with Stripe Checkout.srt
9.8 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/19. Show payment summary to user.mp4
76.1 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/19. Show payment summary to user.srt
11.4 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/2. Add Routes to React Client.mp4
13.9 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/2. Add Routes to React Client.srt
3.7 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/20. Deploy app to Heroku.mp4
37.6 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/20. Deploy app to Heroku.srt
5.9 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/3. Make products endpoint for API.mp4
22.7 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/3. Make products endpoint for API.srt
4.3 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/4. Make HTTP Requests to Node API with React.mp4
50.9 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/4. Make HTTP Requests to Node API with React.srt
6.2 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/5. Intro to React Query.mp4
57.1 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/5. Intro to React Query.srt
8.2 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/6. Format prices from Stripe values.mp4
32.8 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/6. Format prices from Stripe values.srt
3.9 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/7. Make product endpoint for API.mp4
26.9 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/7. Make product endpoint for API.srt
5.5 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/8. Handle 404 errors with products.mp4
45.1 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/8. Handle 404 errors with products.srt
6.7 KB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/9. Display product details.mp4
21.8 MB
[TutsNode.com] - Build a Shopping Cart App with React, Node, and Stripe/1. Getting Started/9. Display product details.srt