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. Gain expert skills to build and deploy an amazing React app.

Course facts

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

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.

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?

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.