Верстка интерфейса для гибридного приложения

Требуется сверстать итнетрфейс пользователя (apple style) для гибридного приложения.

Требования:

1. Одностраничное  веб-приложение используя jquery и  bootstrap 4.

   (необходимость использования любых других библиотек и фреймверков должна согласовываться)

2. Веб-приложение будет запускаться из родительского приложения в web-view компоненте, поэтому,

   обмен данными между ними, надо выносить в отдельные функции

3. Для отладки веб-приложения, надо использовать веб-сервер, веб-приложение будет интегрироваться в родительское приложение отдельно, не в рамках этого проекта

4. Веб-приложение должно быть кросс-платформенным и кросс-браузерным, одинаково работать на смартфонах, планшетах, настольных ПК, под ios, android, windows.

Работа приложения:

1. после запуска приложения список компонентов управления и их параметры вычитываются из XML файла, после чего создаются элементы управления (группы компонентов, меню переключения между группами итд)

2. Шаблон состоит из модели данных и представления. Должна быть реализована двухсторонняя связь  между моделью данных и представлением. Изменения  в модели данных должны изменять представление и наоборот.

3. В приложении должен быть единый объект, в котором хранятся ссылки  на методы обновления компонентов и меню, по их адресам. У каждого компонента и меню есть метод обновления своего представления.

Более подробное ТЗ и скриншоты по запросу.