Build a Shopping Cart With React JS & Stripe
113.1 هزار بار بازدید -
2 سال پیش
-
In this project, we will
In this project, we will create a shopping cart using React and Stripe.
📽️ Cooper Codes YouTube Channel:
💻 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:
https://www.seevid.ir/fa/w/_8M-YVY76O8 Project showcase
https://www.seevid.ir/fa/w/_8M-YVY76O8 Create react app / installs
https://www.seevid.ir/fa/w/_8M-YVY76O8 Navbar component
https://www.seevid.ir/fa/w/_8M-YVY76O8 Implementing React Router
https://www.seevid.ir/fa/w/_8M-YVY76O8 Creating pages for router
https://www.seevid.ir/fa/w/_8M-YVY76O8 Building rows and cols for Store page
https://www.seevid.ir/fa/w/_8M-YVY76O8 Creating products for React to use
https://www.seevid.ir/fa/w/_8M-YVY76O8 Loading products dynamically
https://www.seevid.ir/fa/w/_8M-YVY76O8 Creating product card component
https://www.seevid.ir/fa/w/_8M-YVY76O8 Creating a modal for the cart
https://www.seevid.ir/fa/w/_8M-YVY76O8 Creating our cart context (Cart functionality)
https://www.seevid.ir/fa/w/_8M-YVY76O8 Adding CartProvider to our app
https://www.seevid.ir/fa/w/_8M-YVY76O8 Creating add / remove product to product cards
https://www.seevid.ir/fa/w/_8M-YVY76O8 Adding cart functionality to navbar (number of items)
https://www.seevid.ir/fa/w/_8M-YVY76O8 Showing cart data in modal
https://www.seevid.ir/fa/w/_8M-YVY76O8 Creating CartProduct component
https://www.seevid.ir/fa/w/_8M-YVY76O8 Create Stripe account and add test products
https://www.seevid.ir/fa/w/_8M-YVY76O8 Creating Express server / installs
https://www.seevid.ir/fa/w/_8M-YVY76O8 Creating Stripe checkout request
https://www.seevid.ir/fa/w/_8M-YVY76O8 Adding Stripe IDs to React
https://www.seevid.ir/fa/w/_8M-YVY76O8 Creating checkout call from React
https://www.seevid.ir/fa/w/_8M-YVY76O8 Final project / checkout demo!
https://www.seevid.ir/fa/w/_8M-YVY76O8 Thank you for watching
2 سال پیش
در تاریخ 1401/07/26 منتشر شده
است.
113,156
بـار بازدید شده