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
0 views
0
0
6 days ago 00:00:40 0
Москва ЖК Люблинский парк -29 ПИК Новостройки #shorts Moscow Complex Lyublinsky Park PIK Buildings
1 week ago 00:07:28 0
URBEX Guy Clément GREECE | THESSALONIQUE KALAMARIA | LA CASERNE MILITAIRE VIDEO
1 week ago 00:11:16 0
URBEX Guy Clément ITALIA | BARLETTA | GIANT FACTORY VIDEO
1 week ago 00:01:07 0
Москва ЖК Люблинский парк -26 ПИК Новостройки #shorts Moscow Complex Lyublinsky Park PIK Buildings
2 weeks ago 00:03:42 0
This Gaming PC Is Basically Cheating | ViprTech Ghost 3.0 RTX 4060 Review - YouTube
2 weeks ago 00:06:34 7
Iran attacks Israel with missiles after ceasefire, Beersheva hit, casualties reported
2 weeks ago 00:21:27 8
Лондон. Современная архитектура столицы Великобритании
2 weeks ago 00:00:36 0
Москва ЖК Люблинский парк -20 ПИК Новостройки #shorts Moscow Complex Lyublinsky Park PIK Buildings
2 weeks ago 00:03:53 0
Silverchair - Anthem for the Year 2000 (Official Video)
2 weeks ago 00:02:18 24
Silicone Heart: Farming Game - Announcement Trailer | PS5 & PS4 Games
2 weeks ago 00:03:42 0
These Rock Speakers Slap! OSD BTR805 Review – Backyard Vibes or Just Fancy Landscaping? - YouTube
3 weeks ago 00:00:15 1
Soothing Clapping Plush Toy | Gentle Sleep Companion for Babies #babycare #babyessentials #cute
3 weeks ago 00:23:19 3
Building a Survival Cabin with Chimney-Fireplace & Wooden Roof in the Wilderness
3 weeks ago 00:00:41 0
Москва ЖК Люблинский парк -15 ПИК Новостройки #shorts Moscow Complex Lyublinsky Park PIK Buildings