A simple web app that showcases Lithic's Developer API implemented with Vue and Express. Download the project and run it locally or check it out at https://demo.lithic.com/
The Lithic developer API provides a predictable and programmatic interface to create and configure virtual cards. Get real-time payment data, programmatically issue cards, configure card permissions, and set spend limits all through the API.
The project is a simplified recreation of the main Lithic site in Vue with an Express backend. The right sidebar prints every API call the project makes to the Developer API to illustrate what is going on for every page. This demo covers the following endpoints:
| Endpoints | Description |
|---|---|
| /card | Create, update, and fetch virtual cards with limits, vendor locks, and more. |
| /embed/card | To comply with Payment Card Industry Data Security Standards (PCI DSS), retrieving a card's PAN number, expiration date, and CVV requires rendering an iframe, which we demonstrate here. Learn more about how we stay PCI compliant in our documentation |
| /transaction | Fetch transactions from all your virtual cards. |
| /fundingsource | Create and fetch funding cards and accounts. |
| /simulate | While using our sandbox, use our /simulate endpoint to create transactions and modify their states to further emulate real-world interaction. |
You can run the project locally or in Docker containers. To start, first update the .env file with your sandbox API key. This step is optional but will persist your api-key.
Install dependencies with npm:
npm install
The demo uses both Vue and Express which can be run locally using:
npm run serve
Alternatively, you can run in separate windows
npm run serve:app
npm run serve:server
to run the two processes separately.
Launch the docker containers using docker-compose.
docker-compose up -d
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent