Skip to main content
CourseFlix

Build a Shopping Cart App

1h 41m 52s
English
Paid

Gain expert skills to build and deploy an amazing React app. This epic training course provides you with the entire process to create and launch your own top-tier e-commerce web app, utilizing React, Node, and Stripe.

Why Build with React?

Unlock the potential of React with efficiency and simplicity. You don't need weeks or months to create something impressive. In just one afternoon, learn the techniques required to build remarkable projects.

Not only will you complete a fantastic project, but you'll also develop a comprehensive set of powerful skills that empower you to create incredible applications on your own.

Project Overview: Shopping Cart App

We will build a shopping cart app that performs and appears as any top-tier app should.

Features of the Shopping Cart App

  • A comprehensive product gallery for user selection
  • An attractive, responsive, mobile-first design suitable for all devices
  • Dedicated product pages with multiple user actions
  • User capability to add or remove multiple products from the cart
  • A live status display of the quantity and items in the cart
  • A cart screen for managing selected products
  • Instant checkout access via buttons
  • A secure credit-card checkout process through the popular Stripe Checkout
  • A "thank you" screen summarizing customer purchases

Course Audience

This course is designed for ambitious developers who seek to:

  • Expand their React skills and rapidly enhance their developer value.
  • Discover where to obtain the expertise to build outstanding React apps.
  • Learn React thoroughly to launch their businesses, online stores, and app ideas.
  • Apply their knowledge of HTML, CSS, and JS to a truly exciting challenge.
  • Advance from previous React app experiences to independently build apps like this one.

About the Author: Reed Barger

Reed Barger thumbnail
Reed is the founder of The React Bootcamp, a premium training course designed to give you a six-figure career with React. His work has been featured on top developer sites like FreeCodeCamp, Scrimba, and React Status. Reed has taught over 50,000 students to level up their React and JavaScript skills in over 100 countries in his online courses.

Watch Online 20 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 20 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 1. Create Project
All Course Lessons (20)
#Lesson TitleDurationAccess
1
1. Create Project Demo
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
Unlock unlimited learning

Get instant access to all 19 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription