CF

Build a Shopping Cart App

1h 41m 52s
English
Paid

Build a Shopping Cart App is a 20-lesson 1 hour 41 minutes self-paced course by Reed Barger. This compact, 20-lesson course builds one complete project — a shopping cart app — from an empty folder to a working checkout, using React, Node, and Stripe.

Course facts

Lessons
20
Duration
1 hour 41 minutes
Level
All levels
Language
English
Updated
Instructor
Reed Barger
Price
Premium

This compact, 20-lesson course builds one complete project — a shopping cart app — from an empty folder to a working checkout, using React, Node, and Stripe.

What you'll build

  • A responsive, mobile-first product gallery and individual product pages
  • Adding and removing items from the cart, with a live-updating cart status
  • A dedicated cart screen and streamlined checkout flow
  • Secure payment processing through Stripe Checkout, ending in a purchase confirmation screen

It's aimed at developers who already have some React experience and want a focused project that applies HTML, CSS, and JavaScript skills to something closer to a real e-commerce build, without stretching across weeks of lessons.

Who teaches Build a Shopping Cart App? Reed Barger

Reed Barger thumbnail

Reed Barger is a US developer and educator focused on the React / Next.js stack, publishing both on his independent platform and through partnerships with other course platforms. His material favours project-based long-form courses where students build complete applications.

His CourseFlix listing carries two Reed Barger courses: Next40 — Master Next.js 14 in 40 days of epic projects and Build a Shopping Cart App (React + Node.js). Material is paid and aimed at developers learning by shipping real applications.

What lessons are included in Build a Shopping Cart App?

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

What courses are similar to Build a Shopping Cart App?

More courses by Reed Barger

Frequently asked questions

What prerequisites are needed before taking this course?
Prospective students should have a foundational understanding of JavaScript and basic web development concepts. Familiarity with React is beneficial, as the course focuses on building and deploying a React application. Experience with Node.js and understanding of APIs will also be helpful given the integration work involved.
What will I build during the course?
Participants will build a shopping cart application featuring a comprehensive product gallery, responsive design, dedicated product pages, and a secure checkout process via Stripe. The app includes functionalities like adding and removing products from a cart, displaying cart summaries, and instant checkout access.
Who is the target audience for this course?
The course is designed for ambitious developers looking to expand their React skills. It is ideal for those who want to rapidly enhance their developer value by learning to build and deploy e-commerce applications using popular technologies such as React and Stripe.
What specific tools and platforms will I use?
The course utilizes React for front-end development and Node for backend API creation. Stripe is used for handling secure credit-card transactions. For deployment, the application is deployed to Heroku, providing a live environment for the app.
What is not covered in this course?
The course does not cover advanced topics in backend development beyond basic Node API creation. It also does not delve into advanced UI/UX design principles beyond implementing a responsive, mobile-first design for the shopping cart app.
How long will it take to complete the course?
The course includes 20 lessons and is designed to be completed in a relatively short time frame. While the exact runtime is not specified, the course promises efficiency, allowing students to complete the project in a single afternoon.
How does this course benefit my career or future learning?
This course equips students with practical skills in React and integration with Stripe, essential for developing modern web applications. These skills are highly transferable, providing a solid foundation for further learning or pursuing career opportunities in web development and e-commerce platforms.