Sendit

Front End Developer Challenge

Introduction

The purpose of this document is to outline the various tests that are to be performed by candidates for the Front End Developer role.

In each scenario, the candidate is asked to design and develop a “live” navigable prototype (HTML / CSS / JavaScript) based on the requirements given. The candidate has to build the app using the framework that shows on your JD and is being given full creative license with regards to design elements and controls.

The candidate has to select one of the tests below and build the application using these mock up API server.

  • https://github.sendit.asia/frontend-test/api/success.json
  • https://github.sendit.asia/frontend-test/api/error.json

When completed, the candidate has to upload source code to GitHub and share repository URL with the live URL reply back to Sendit team.

Jump to Test 1, Test 2

Test 1: Online Bank Account

Brief

The objective of this screen is for the user to quickly and easily apply for a bank account online. The overall process should take less than 5 minutes and the requirements are as follows:

Requirements

  • Users should be able to complete their application on PCs, tablets and mobiles
  • Users should be able to save their application and return to it when necessary
  • Users should know where they are in the overall application process
  • Users should accept terms and conditions before starting the process
  • Users should input the following information:
    • Personal Information

      • First Name
      • Middle Name
      • Last Name
      • Home Phone (including country code)
      • Mobile Phone (including country code)
      • Email address
      • Mailing Address
      • Social Security Number
    • Employment Information

      • Employers Name
      • Employers Address
      • Work Phone (including country code)
      • Job Position
    • Account Information

      • Account Type (Savings or Deposit) – user must choose
      • Purpose of bank account
      • Where will the money come from?
      • How did you hear about us?
    • Documentation

      • User uploads copy of utility bill
      • User upload copy of social security number

On submitting application the applicant should be informed immediately whether they have been accepted or rejected

If the application has been accepted then the user should be presented with their account number

If the application has been rejected then the user should be presented with a phone number to contact their local branch and an application number

Test 2: Bulk Information Insert

Brief

The purpose of this screen is to allow users to enter in large amounts of information in bulk. Users will receive many invoice documents and will be asked to manually enter some of the information found on the documents into the system. The prototype should have two components, a single screen where the user enters information and a second screen where a user can approve the invoices that have been entered. The requirements are as follows:

Requirements

Users should enter in the following information per invoice:

  • Invoice number
  • Invoice date
  • Invoice amount
  • Invoice due date
  • Customer number
  • Customer country
  • Invoice line items i.e. if the invoice is for specific products then the following should be input
    • Item name
    • Item cost
  • Users must upload a document for each invoice entered
  • Users should not be allowed to save until all information is entered for a specific invoice
  • Users cannot enter invoice dates in the future
  • Approvers should be allowed to delete invoices that have been entered
  • Approvers should be allowed to approve invoices one at a time and in bulk
  • Approvers should be allowed to reject invoices one at a time and in bulk
  • Approvers should be allowed to edit invoice information
  • Approvers should be able to search for invoices from specific customers
  • Approvers should be able to search for invoices that fall between given invoice amounts
  • Approvers should be able to search for invoices between certain due dates
  • Approvers should be able to search for invoices from certain countries
  • Approvers should be able to search for invoices containing certain products

Next

Once you completed send us an email to [email protected] with your CV and repo url.