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

React - The full course

React - The full coursefireship.io

Category: React.js
Duration 1 hour 20 minutes 10 seconds
Build a Realtime App with React Hooks and GraphQL

Build a Realtime App with React Hooks and GraphQLudemy

Category: React.js, MongoDB
Duration 4 hours 32 minutes 39 seconds
Mastering Maintainable React

Mastering Maintainable Reactudemy

Category: React.js
Duration 7 hours 8 minutes 52 seconds
Learn React 19 with Epic React v2

Learn React 19 with Epic React v2Kent C. Dodds

Category: TypeScript, React.js
Duration 26 hours 51 minutes 3 seconds
The Complete Guide to Advanced React Patterns (2020)

The Complete Guide to Advanced React Patterns (2020)udemy

Category: React.js
Duration 6 hours 1 minute 51 seconds
Server side rendering with Next + React

Server side rendering with Next + Reactudemy

Category: React.js, Next.js, MongoDB, OpenGL Shading Language (GLSL)
Duration 29 hours 43 minutes 19 seconds
MERN React Node Next.js Multi User SEO Blogging Platform

MERN React Node Next.js Multi User SEO Blogging Platformudemy

Category: React.js, Next.js, Node.js
Duration 20 hours 25 minutes 13 seconds
Master Class: React + Typescript 2021 Web Development

Master Class: React + Typescript 2021 Web Developmentudemy

Category: TypeScript, React.js
Duration 22 hours 4 minutes 13 seconds
AWS AppSync & Amplify with React & GraphQL - Complete Guide

AWS AppSync & Amplify with React & GraphQL - Complete Guideudemy

Category: React.js, AWS, GraphQL
Duration 11 hours 11 minutes 36 seconds