Why

At the moment, the frontend in the MDC is backed by the JSON data returned from the backend, and most of the React components are working with the JSON data directly. While it is working for now, it does make it harder to maintain the code.

What

This task is to create a few model classes to represent the data that are used by the UI, and encapsulate some of the operations on the JSON objects as methods on the model class.

Proposed solution

From a high level, we should consider create the following models:

• mobile app
• mobile service
• mobile build

And then each class should have some methods to return the data that are required by the UI.