Skip to main content

Build a Shopping Cart App

1h 41m 52s
English
Paid

Course description

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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

  • Real-time chat with Node.js, Socket.io and Vue.js

    Real-time chat with Node.js, Socket.io and Vue.js

    Sources: Codecourse
    How easy is it to build a simple real-time chat? Very easy. Build your own in less than an hour. Real-time chat with Node.js, Socket.io and Vue.js
    26 minutes 39 seconds
  • Uber Eats Clone

    Uber Eats Clone

    Sources: Nomad Coders
    Best Way to Learn to Code. We believe that the best way to become a developer is by doing clone coding. It is very easy to get bored and unmotivated in the begi
    40 hours 22 minutes 44 seconds
  • Stripe Payments JavaScript Course

    Stripe Payments JavaScript Course

    Sources: fireship.io
    The Stripe Payments JavaScript Course is a project-based guide to building fullstack payment solutions on the web with Node.js and React. The goal is to provide a solid foundati...
    1 hour 29 minutes 26 seconds
  • NodeJS: Beginner to Pro - APIs for Food Delivery & Ecommerce

    NodeJS: Beginner to Pro - APIs for Food Delivery & Ecommerce

    Sources: udemy
    Node.js is probably THE most popular and modern server-side programming language you can dive into these days! Node.js developers are in high demand. Not to me
    27 hours 56 minutes 16 seconds
  • Build Collaborative editor and Real-time video call with NodeJS

    Build Collaborative editor and Real-time video call with NodeJS

    Sources: Code4Startup (coderealprojects)
    In this project, you will be learning how to build a collaborative platform with real-time code editor so that you can share what you are coding/typing on the s
    4 hours 35 minutes 13 seconds