jay-jlm / demo-react-stripe-js

A simple app to demo the new react-stripe-js library

React Stripe.js Walkthrough

Getting Started

• clone this repo locally by clicking on "Clone or Download"
• from a terminal, cd into the project folder cd react-stripe-js-demo
• checkout the getting started branch git checkout getting-started
• install the dependencies npm install
• start developing! npm run dev

Eventual Requirements

• 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