Build a Shopping Cart With React JS & Stripe

JavaScript / Web 120.3K צפיות 18/10/2022
פתח ב-YouTube

דרג ×”×Ø×˜×•×Ÿ זה

התחבר כדי ×œ×“×Ø×’

תיאור

In this project, we will create a shopping cart using React and Stripe. šŸ“½ļø Cooper Codes YouTube Channel: https://www.youtube.com/c/CooperCodes šŸ’» Code: https://github.com/coopercodes/ReactEcommerceStoreWithStripeAPI šŸ’– Show Support Patreon: https://www.patreon.com/traversymedia PayPal: https://paypal.me/traversymedia šŸ‘‡ Follow Traversy Media On Social Media: Twitter: https://twitter.com/traversymedia Instagram: https://www.instagram.com/traversymedia Linkedin: https://www.linkedin.com/in/bradtraversy Timestamps: 0:00 Project showcase 1:25 Create react app / installs 2:22 Navbar component 6:00 Implementing React Router 7:45 Creating pages for router 10:35 Building rows and cols for Store page 12:14 Creating products for React to use 16:50 Loading products dynamically 19:18 Creating product card component 22:45 Creating a modal for the cart 25:55 Creating our cart context (Cart functionality) 46:02 Adding CartProvider to our app 46:29 Creating add / remove product to product cards 52:05 Adding cart functionality to navbar (number of items) 54:40 Showing cart data in modal 57:00 Creating CartProduct component 1:01:00 Create Stripe account and add test products 1:03:06 Creating Express server / installs 1:05:00 Creating Stripe checkout request 1:09:30 Adding Stripe IDs to React 1:10:33 Creating checkout call from React 1:13:43 Final project / checkout demo! 1:15:06 Thank you for watching

#Traversy Media