View Code? Open in Web Editor
NEW
This project forked from tmarek-stripe/demo-react-stripe-js
A simple app to demo the new react-stripe-js library
JavaScript 97.92%
Shell 2.08%
demo-react-stripe-js's Introduction
React Stripe.js Walkthrough
![donut-shop](https://user-images.githubusercontent.com/59585336/74299251-111fb300-4d1a-11ea-932b-a6e7b33f6ea8.gif)
- clone this repo locally by clicking on "Clone or Download"
- from a terminal, cd into the project folder
cd demo-react-stripe-js
- checkout the getting started branch
git checkout getting-started
- install the dependencies
npm install
- start developing!
npm run dev
- you will need to sign up for a Stripe account if you haven't already: stripe.com/register
- you will need to add your account's secret key and publishable key to the
next.config.js
file
Credit Card Input Design Requirements
- the behavior, look and feel of the app should match the gif exactly
- text color:
#fff
- font size:
16px
- placeholder text color:
#87bbfd
- invalid text color:
#FFC7EE
demo-react-stripe-js's People