https://github.com/boolfalse/react-stripe-shopping-cart
Simple React.js shopping cart with Stripe
https://github.com/boolfalse/react-stripe-shopping-cart
Last synced: 20 days ago
JSON representation
Simple React.js shopping cart with Stripe
- Host: GitHub
- URL: https://github.com/boolfalse/react-stripe-shopping-cart
- Owner: boolfalse
- Created: 2023-02-08T04:03:54.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-10-19T00:43:19.000Z (over 2 years ago)
- Last Synced: 2025-02-27T08:08:51.291Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 211 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## React.js shopping cart with Stripe
#### About:
**React.js shopping cart with Stripe** is a simple shopping cart app built with React.js and Stripe API.
#### Installation:
- Clone the repository and install dependencies:
```bash
git clone git@github.com:boolfalse/react-stripe-shopping-cart.git
cd react-stripe-shopping-cart
npm install
```
- Stripe:
- - Grab Secret API key from [Stripe Dashboard](https://dashboard.stripe.com/test/apikeys).
- - In `server/server.js` paste API key into `const stripeClient = stripe('sk_test_...');`.
- - Make sure to have [Company name](https://dashboard.stripe.com/account) set.
- - Manually create products (with prices) and get their IDs.
- - In `src/productsStore.js` paste products IDs into `productsArray`.
- Run the server:
```bash
cd server && npm run start
```
- Run the app:
```bash
npm run start
```
#### Resources:
- [Traversy Media | Build a Shopping Cart With React JS & Stripe | Oct 18, 2022](https://www.youtube.com/watch?v=_8M-YVY76O8)
- [coopercodes/ReactEcommerceStoreWithStripeAPI](https://github.com/coopercodes/ReactEcommerceStoreWithStripeAPI)