Build a Shopping Cart App
1h 41m 52s
English
Paid
Gain expert skills to build and deploy an amazing React app. An epic training course that gives you the entire process to build and deploy your own top-tier e-commerce web app, made with React, Node and Stripe.
Read more about the course
It doesn't take weeks or months to make something great with React. In just one afternoon, you can learn the tricks to build amazing projects.
And in that time, you'll get way more than a great project. You'll gain a complete set of powerful skills to build your very own incredible applications.
We'll build a shopping cart app that looks and works as a top-tier app should.
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
This course was created for ambitious developers, who:
- Are learning React, want to gain next-level skills, and rapidly increase their value as a developer.
- Have always wanted (but never knew) where to find the skills to build epic React apps.
- Want to learn React well enough to kickstart their own business, online store, and app ideas.
- Already know HTML, CSS, and JS, but are looking for a truly exciting challenge.
- Have made some React apps before and want to see how to build apps like this one on their own.
Watch Online Build a Shopping Cart App
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | 1. Create Project | 01:44 |
2 | 2. Add Routes to React Client | 02:48 |
3 | 3. Make :products endpoint for API | 03:32 |
4 | 4. Make HTTP Requests to Node API with React | 05:42 |
5 | 5. Intro to React Query | 07:11 |
6 | 6. Format prices from Stripe values | 03:24 |
7 | 7. Make :product endpoint for API | 04:50 |
8 | 8. Handle 404 Errors with Product | 06:10 |
9 | 9. Display Product Details | 02:29 |
10 | 10. Integrate Stripe with Node and React | 05:07 |
11 | 11. Add products to cart | 07:24 |
12 | 12. Remove products from cart | 03:44 |
13 | 13. Show cart summary to users | 04:37 |
14 | 14. Add modal to show cart details | 04:58 |
15 | 15. Display all cart items in modal | 03:41 |
16 | 16. Set item quantity with cart modal | 03:05 |
17 | 17. Create custom useCheckout hook | 06:29 |
18 | 18. Purchase cart with Stripe Checkout | 08:42 |
19 | 19. Show payment summary to user | 10:43 |
20 | 20. Deploy app to Heroku | 05:32 |
Similar courses to Build a Shopping Cart App
Learn React Hooks By Building A Real Applicationreacttraining (Ryan Florence)
Category: React.js
Duration 7 hours 14 minutes 44 seconds
Course
Learn Nodewesbos
Category: Node.js, MongoDB
Duration 9 hours 52 minutes 53 seconds
Course
The Modern GraphQL Bootcamp (with Node.js and Apollo)udemy
Category: Node.js, GraphQL
Duration 23 hours 26 minutes 42 seconds
Course
React Redux Ecommerce - Master MERN Stack Web Developmentudemy
Category: React.js, Node.js, MongoDB
Duration 43 hours 9 minutes 35 seconds
Course
Microservices with NodeJS, React, Typescript and Kubernetesudemy
Category: TypeScript, React.js, Node.js, Kubernetes
Duration 95 hours 13 minutes 4 seconds
Course
Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)udemy
Category: React.js, Next.js, Node.js, GraphQL
Duration 28 hours 38 minutes 19 seconds
Course
Full-Stack React with GraphQL and Apollo Boostudemy
Category: React.js, Node.js, MongoDB, GraphQL
Duration 6 hours 54 minutes 31 seconds
Course
Microfrontends with React: A Complete Developer's GuideudemyStephen Grider
Category: React.js
Duration 9 hours 2 minutes 34 seconds
Course
Scale React Development with Nxegghead
Category: React.js, Other (Tools)
Duration 1 hour 34 minutes 10 seconds
Course
Master Class: React + Typescript 2021 Web Developmentudemy
Category: TypeScript, React.js
Duration 22 hours 4 minutes 13 seconds
Course