orabazu / divido-form-builder

Frontend Code Test

Hey 👋, thanks for taking the time to do our technical test!

Task

Your goal is to build a product called Application Form. This product will dynamically generate a form based on data received from an API using React.

There are three banks requesting an Application Form:

• Bank of Azeroth
• Naboo Bank
• Middle Earth Bank

Pre-requisites

1. Git
2. Node: any 12.x version starting with v12.0.0 or greater
3. Yarn: See Yarn website for installation instructions
4. A clone of the frontend-code-test repo on your local machine

Installation

yarn install

to install the website's npm dependencies

Running the project

yarn dev

to start the development server (powered by NextJS)

Requirements

As a user
When I go to /:lender-name
I want to see the form for the lender
So that I can apply for a bank loan

As a user
When I submit the form
I want to know if I was accepted or declined

REST APIs

// GET /api/lenders/:lender-name
{
  "name": "Bank of Azeroth",
  "fields": [
    "first_name",
    "last_name",
    "gender",
    "email",
    "phone_number",
    "monthly_income"
  ]
}

// POST /api/lenders/:lender-name

// Request
{
  "first_name": "Ann",
  "last_name": "Heselden",
  "gender": "female",
  "email": "[e-mail]",
  "phone_number": "[phone]",
  "monthly_income": 50000
}

// Response
{
  "decision": "accepted",
}

UX and Design

It’s entirely up to you how you would like to design the Application Form! Feel free to use 3rd party tools like emotion or material-ui (already installed as a dependency).

Testing

yarn test:cypress

will run our Cypress tests.

Feel free to add some more end-to-end cypress tests, or present what tests you would add if you had more time.