Coding Exercise

Login Screen

• User can enter any email &

password to login.

• Do client side validation of email

format

• Mask the password field

Machines
• User is logged in with an initial
balance of $25.00 in the bottom bar

• A list view with 4 items along with

Label, ID and status (Available /
busy)

• Items in this list view should be

loaded from a JSON file provided in
the last page (ListItems.json).
Add Funds

• Clicking on the “+” button in the

bottom bar should increase user’s
balance by $5.00

• No network calls needed

Add Item

• Clicking on the “+” icon should add

a new item to the list by
incrementing the number.

• No network calls needed

Delete Item

• Clicking on the “-” icon should

delete the respective item.

• No network calls needed

ListItems.json
{

"devices": [

{ "id": "1", "label": "Washer 1", "status": "Available" },

{ "id": "2", "label": "Washer 2", "status": "Available" },

{ "id": "3", "label": "Washer 3", "status": "Available" },

{ "id": "4", "label": "Washer 4", "status": "Busy" }