This project is a simple implementation of a Codat custom-built auth flow, enabling your customers to connect their financial accounts. You can experience the demo here.
We recommend, where possible, using our Embedded Link SDK.
Note: This app is for demonstrative purposes only, and should not be used in a production environment.
This demo is indicative of a where Codat might fit in to a digital lending onboarding experience. Copay is a fictional digital lender looking to gather financial data from prospective customers in order to make a credit decision.
- Set up a Codat account if you don't have one already. See Codat's documentation for how to sign up for a free trial.
- Make sure you have a recent LTS version of
Node.js
installed. - After the linking process is complete, the user should be redirected back to the Link demo app. Set up the redirect URL to
https://localhost:3000/redirect
To set up the redirect URL, follow the instructions in Codat's documentation on Redirect URLs.
- Get your Codat client API key. See here for how to get your API key.
- Install NPM packages:
npm install
- Copy the
.env.template
file in theserver
directory and rename it.env
- Replace the following in the newly created
.env
file in theserver
directory{{CODAT_API_KEY}}
with your Codat client API key
- Start the app. This will run the app in a watch build mode.
npm start
- Navigate to http://localhost:3000
- React.js
- Create React App to bootstrap the UI
- Material UI
-
Concurrently
is to run the client and server code concurrently in a local environment. -
Node.js, long-term support (LTS) version
-
node-localstorage
is used to mock out a proper data store system. Merchant data is stored locally. If deployed to a cloud environment, this will be wiped with each new release.