In this project, we will create a shopping cart using React and Stripe.
📽️ Cooper Codes YouTube Channel:
💻 Code:
💖 Show Support
Patreon:
PayPal:
👇 Follow Traversy Media On Social Media:
Twitter:
Instagram:
Linkedin:
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
1 view
0
0
2 weeks ago 00:08:10 1
AI Agents Will Create MILLIONAIRES in 2025 – Are You Ready
2 weeks ago 00:01:29 1
Тентовые здания МСБИЛДИНГС
3 weeks ago 00:03:58 1
The Shira Choir x The Kiffness - Im Hashem Lo Yivneh Bayis (Psalm 127 DANCE REMIX)
3 weeks ago 00:02:43 1
Yearning Kru - Multipass
3 weeks ago 00:40:25 1
40MIN Unilateral Leg Strength - Lower Body Workout
3 weeks ago 00:19:20 1
Blue Ribbon: Story of the Build
3 weeks ago 00:00:31 1
Тот самый чел, который говорит что он “топ 1 холиворлда“
3 weeks ago 00:06:07 1
PATRIARKH - WIERSZALIN IV (feat. Eliza Sacharczuk) (Official Video) | Napalm Records