A demo full-stack application combining a React front-end with an Express.js back-end. Integrates Knot API for payment and card management, and uses mock Plaid transactions for demonstration.
- Create and manage Knot sessions (card switcher, transaction link)
- Webhook processing for card and payment events
- Credit limit adjustment based on risk score
- Mock Plaid integration for transaction data
- Responsive React UI with React Router and Chart.js
- Node.js (>=14) and npm
- Knot API account and credentials
- Clone the repo:
git clone https://github.com/your-org/flexpay-demo.git cd flexpay-demo - Install dependencies:
npm install
- Create a
.envfile in the root:REACT_APP_KNOT_API_KEY=your_knot_api_key REACT_APP_KNOT_CLIENT_ID=your_knot_client_id REACT_APP_KNOT_SECRET=your_knot_secret - Run in development mode (client on 3000, server on 3001):
npm run dev
npm start– start the React front-end (port 3000)npm run server– start the Express back-end (port 3001)npm run dev– start both front-end and back-end concurrently
Back-end (port 3001):
GET /testPOST /webhook/knotPOST /api/create-knot-sessionPOST /api/adjust-credit-limit
/flexpay-demo
├ server.js
├ package.json
├ .env
└ src/ # React front-end
├ index.js
├ App.js
└ ...
## License
MIT