AwesomeScreen

Simple iOS App, done as test task project for learning purposes in 2023 November.

Description

Implementation

Demonstration

Description:

This App shows to User a list of Control Units fetched from Mock API (which imitates Network requests and responds) and manages these Units list later.

This Apps helps to User to retrieve Units and navigate accross them. User can view, sort or filter Units in the list by using provided Sorting options and Search bar. Each Control Unit has an ID, name and status Badge (if any status included). It is not possible to navigate from Control Units list futher yet, due it is currently done as just one-screen App, and navigation from this screen is out of scope of that task.

This app handles the following actions:

1. Display the list of Control Units, containing data, when it was successfully retrieved from API.

2. Display the Emtpy Control Units view, when fetched data was retrieved with zero items inside it.

3. Display the Loading Controls Failure view, when for some reason it was no possible to retrivie items from API.

4. Show Loading View while switching in between Screen states listed above.

5. Search field is available by clicking on Search button, enables User to search throught Conrol Units.

6. Sort option available by clicking on Sort button.

7. In order to refresh the Control Units list is implemented an additional "Update" button, which is accesible from any state of main screen.

Implementation:

There App currently consists of one Screen, which has 4 posible states. Below are presented all of them:

1. The Control Units state is a state when on the screen is displayed a list, which contains all Control Units:

All Control Units initially are sorted by their ID. Each Control Unit's item has these fields: Image, ID, Name and Status badge (if any status except "ok" is included). It has some logic to display Name is included: Ussually, when particular Control Unit does not have a status, it' Name title can be shown maximum in two lines, then if name text is longer - the title will be truncated. In case when Control Unit has some label, for name is available only one line of text and if name is too long - it will be truncated.

2. The Emtpy Control Units state is a state when Contol Units list successfully loaded 0 control units:

It will be shown when Mock request went ok and respond was also ok, but there were no available items to fetch.

3. The Loading Controls Failure state is a state when Contol Units list loading fails:

It will be shown when Mock respond was returned with failure. This Failure view contains "Try Again" button, which when is tappped reloads Contol Units the list.

4. The Loading state is a state when Contol Units list is loading:

loadingView.mov

Showing Loader View while switching in between Screen states during the Control Units list items are fething from Mock API.

Demonstration:

1. Update Control Units list and switching between different states:

2. Search Control Units:

3. Sort Control Units: