povezlo / ionic-test_task Goto Github PK

Средства разработки:
- платформа Cordova (https://cordova.apache.org/)
- фреймворк Ionic (https://ionicframework.com/docs/v3/)

__________________________________________________________________________________________

Настройка среды разработки:

1. Установить nodejs v.8.11.3 (версия npm - 5.6.0).

2. Установить Cordova и Ionic
npm install -g [email protected]
npm install -g [email protected]

3. В корне проекта выполнить инициализацию пакетов npm
npm install

4. Запуск локального сервера для работа приложения в браузере
ionic serve
Для просмотра приложения в процессе разработки удобно использовать Google Chrome с включенной опцией "Toggle device toolbar" (см. скрин).

__________________________________________________________________________________________

Положено начало для приложения для поиска гостиниц.

Задачи:
1. На главной странице по нажатию на кнопку "Подобрать гостиницу" открывать страницу со списком гостиниц.

2. На странице со списком гостиниц добавить фильтр гостиниц по параметрам: 
- цена от (поле для ввода числового значения)
- цена до (поле для ввода числового значения)
- наличие парковки обязательно (чекбокс)
Для демонстрации работы фильтра необходимо добавить какие-то тестовые данные в список гостиниц.

3. Добавить переход на страницу с подробной информацией о гостинице при клике на элемент списка гостиниц.
На странице с подробной информацией должны выводиться все параметры гостиницы, на которую кликнул пользователь в списке.

4. Создать интерфейс Hotel, описывающий тип "Гостиница", в котором будут определены поля этого типа (https://www.typescriptlang.org/docs/handbook/interfaces.html).
Использовать данный интерфейс для указания типа переменных на странице со списком гостиниц (тип для элемента списка) и на странице с подробной информацией о гостинице.

Примечание:
Использование готовых компонентов Ionic (https://ionicframework.com/docs/v3/components/) приветствуется.