This is a minimal app that implements Plaid using a React 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. For reference, frontend code is in src/App.jsx, while backend code is in server.js.

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.

This app should work with recent versions of Node. You can use a tool such as nvm to make sure the app uses the target version of Node. For information on installing Node, see How to install Node.js.

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

npm install

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.

npm start

The app will run on port 3000 and will hot-reload if you make edits.

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

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.