In this project, we will create a shopping cart utilizing React and Stripe.
Cooper Codes YouTube Channel:
https://www.youtube.com/c/CooperCodes
Code:
https://github.com/coopercodes/ReactEcommerceStoreWithStripeAPI
Program Assistance
Patreon: https://www.patreon.com/traversymedia
PayPal: https://paypal.me/traversymedia
Follow Traversy Media On Social Network:
Twitter: https://twitter.com/traversymedia
Instagram: https://www.instagram.com/traversymedia
Linkedin: https://www.linkedin.com/in/bradtraversy
Timestamps:
0:00 Task showcase
1:25 Produce respond app/ installs
2:22 Navbar element
6:00 Implementing React Router
7:45 Developing pages for router
10:35 Structure rows and cols for Store page
12:14 Producing items for React to use
16:50 Packing items dynamically
19:18 Producing item card component
22:45 Creating a modal for the cart
25:55 Producing our cart context (Cart performance).
46:02 Including CartProvider to our app.
46:29 Producing include/ eliminate product to product cards.
52:05 Adding cart functionality to navbar (number of items).
54:40 Revealing cart information in modal.
57:00 Creating CartProduct component.
1:01:00 Produce Stripe account and add test items.
1:03:06 Creating Express server/ installs.
1:05:00 Creating Stripe checkout request.
1:09:30 Including Stripe IDs to React.
1:10:33 Creating checkout call from React.
1:13:43 Last task/ checkout demonstration!
1:15:06 Thank you for viewing.
Source