Skip to content

Latest commit

 

History

History

vanilla_js

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
.env.example
.env.example
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
index.html
index.html
 
 
oauth.html
oauth.html
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
server.js
server.js
 
 

README.md

README: Tiny Quickstart (Vanilla JS)

Overview

This is a minimal app that implements Plaid using a very basic HTML/vanilla JS frontend with an Express/Node backend. After linking a sample bank account, the app retrieves balance information associated with the account and renders it on the home page.

If you're looking for a more fully-featured quickstart, covering more API endpoints, available in more languages, and with explanations of the underlying flows, see the official Plaid Quickstart.

Running the app

Set up your environment

This project uses Node. For information on installing Node, see How to install Node.js.

Install dependencies

Ensure you're in the vanilla_js/ folder, then install the necessary dependencies:

npm install

Equip the app with credentials

Copy the included .env.example to a file called .env.

cp .env.example .env

Fill out the contents of the .env file with the client ID and Sandbox secret in your Plaid dashboard. Don't place quotes (") around the credentials (i.e., PLAID_CLIENT_ID=adn08a280hqdaj0ad). Use the "Sandbox" secret when setting the PLAID_SECRET variable.

Start the server

npm start

The app will run on port 8080.

Using the app

The app allows you to link a sample bank account. Use the following sample credentials:

  • Username: user_good
  • Password: pass_good

If prompted to provide a multi-factor authentication code, use 1234

Troubleshooting

MISSING_FIELDS error

If you encounter a MISSING_FIELDS error, it's possible you did not properly fill out the .env file. Be sure to add your client ID and Sandbox secret to the corresponding variables in the file.