© 2019  Just Tech

  • LinkedIn Social Icon
  • Instagram

# People List User Interface

 

## Requirements

 

Create a UI that reads a list of people from a fake backend and presents it in a UI. You may use any framework or library.

 

The UI has a search box where people can be filtered by their meta data.

The UI also provides a way of sorting persons on name.

 

Each person should be able to be marked that they are "trusted". A person marked trusted can be marked "untrusted" again. When a person is marked or unmarked as trusted the fake backend should be notified immediately.

 

Aim to make the UI as intuitive as possible. Feel free to make the UI beautiful, but functionality is the main thing judged.

 

The backend should be mocked and the data below can be used as source for "people" data.

 

‚Äč

```json
{
  "people": [
    {
      "id": "357ba804-0b52-11e9-8b25-1040f388afa6",
      "name": "Morgan Freeman"
    },
    {
      "id": "4504cb3e-0b52-11e9-871c-1040f388afa6",
      "name": "Joey Diaz"
    },
    {
      "id": "49255760-0b52-11e9-ab0e-1040f388afa6",
      "name": "Sonny Breitmeyer"
    },
    {
      "id": "4e15cc64-0b52-11e9-8530-1040f388afa6",
      "name": "Geronimo Fallon"
    },
    {
      "id": "527085b0-0b52-11e9-9403-1040f388afa6",
      "name": "Pallas Darwen"
    },
    {
      "id": "56d4a474-0b52-11e9-a6a9-1040f388afa6",
      "name": "Manilo Dozer"
    },
    {
      "id": "5a142812-0b52-11e9-9e23-1040f388afa6",
      "name": "Fabio Krantz"
    }
  ]
}
```

## Delivery

Deliver the project as a ZIP or TAR file with a README file that explains how to run it. Please also include a summary of approximately how long it took and any other comments about decisions you made during development. Thank you and good luck!