Build a Shopping Cart With React JS and Stripe

Build a Shopping Cart With React JS and Stripe

Traversy Media via YouTube Direct link

Creating product card component

9 of 23

9 of 23

Creating product card component

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Build a Shopping Cart With React JS and Stripe

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Project showcase
  2. 2 Create react app / installs
  3. 3 Navbar component
  4. 4 Implementing React Router
  5. 5 Creating pages for router
  6. 6 Building rows and cols for Store page
  7. 7 Creating products for React to use
  8. 8 Loading products dynamically
  9. 9 Creating product card component
  10. 10 Creating a modal for the cart
  11. 11 Creating our cart context Cart functionality
  12. 12 Adding CartProvider to our app
  13. 13 Creating add / remove product to product cards
  14. 14 Adding cart functionality to navbar number of items
  15. 15 Showing cart data in modal
  16. 16 Creating CartProduct component
  17. 17 Create Stripe account and add test products
  18. 18 Creating Express server / installs
  19. 19 Creating Stripe checkout request
  20. 20 Adding Stripe IDs to React
  21. 21 Creating checkout call from React
  22. 22 Final project / checkout demo!
  23. 23 Thank you for watching

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.