The Prove Pre-Fill® solution enables enterprises to deliver a frictionless and secure onboarding and commerce enablement experience for their customers and stakeholders. This innovative tool streamlines online form completion by auto-filling verified user information, reducing friction, and boosting conversion rates.

At the end of this guide, you will have a running demo application of the Prove Pre-Fill solution.

​
Prerequisite

Node.js with npm: Download Node.js via their website or use this interface:

​
Build the Front End

1

Download the Starter Kit

Open a terminal and navigate to the location where you would like to install the starter kit. Then paste the following commands into your terminal.

Shell
git clone https://github.com/prove-identity/prove-prefill-react-starter-kit-v3.git
cd prove-prefill-react-starter-kit-v3
cd frontend
npm install
echo "NODE_ENV=sandbox" > .env
echo "REACT_APP_ENV=sandbox" >> .env
echo "REACT_APP_BASE_API_URL=http://localhost:8080/api" >> .env
npm run dev

Following the execution of these commands, you will have the following for your front end:

  • The starter kit downloaded and dependencies installed.
  • A properly formatted .env file.
2

Run the Front end

Navigate to your front end app.

​
Build the Back End

1

Configure the Back End

Open a second terminal and navigate to the location where you installed the starter kit.

A second terminal is necessary so we don’t cancel the front end app we just started.

Paste the following commands into your terminal.

cd prove-prefill-react-starter-kit-v3
cd backend
npm install
echo "NODE_ENV=sandbox" > .env
echo "PROVE_CLIENT_ID=REPLACE_WITH_YOUR_SANDBOX_CLIENT_ID" >> .env
echo "PROVE_CLIENT_SECRET=REPLACE_WITH_YOUR_SANDBOX_CLIENT_SECRET" >> .env
echo "APPLICATION_DOMAIN=http://127.0.0.1:3000" >> .env
notepad .env

Following the execution of these commands, you will have the following for your backend:

  • The back end dependencies installed.
  • A properly formatted .env file.
2

Acquire Sandbox Credentials from the Developer Portal

In order to run the back end, you need to authenticate using Sandbox credentials.

  • Login to the Developer Portal.
  • Navigate to Projects and create a new project. When selecting a solution, choose Prove Pre-Fill.
  • Select your project and navigate to the CREDENTIALS tab.
3

Edit the .env File

Switching back to the text editor that opened in a previous step, copy and paste your Client ID in place of REPLACE_WITH_YOUR_SANDBOX_CLIENT_ID and your Client Secret in place of REPLACE_WITH_YOUR_SANDBOX_CLIENT_SECRET. Save and close when you are finished.

4

Run the Back End

Execute npm run dev via the terminal.

​
Try It Out

1

Enter the Test User's Challenge Data

Enter the following test user data and select Continue.

2

Simulate the Instant Link

Wait for a few seconds while the app simulates the Instant Link possession check.

3

Confirm Test User Identity Data

Select Confirm after reviewing the prefilled information.

Success! You have now seen the Prove Pre-Fill solution in action!

Review our documentation for this and other use cases to see how Prove integrates into your app to solve your identity verification needs.