Это веб-приложение позволяет построить и отобразить дерево n-ой вложенности на веб-странице. Дерево подобно дереву директорий проводника Windows, где каждый следующий слой смещается вправо.
Данные для построения дерева поступают через REST API в формате JSON.
Описание состава данных:
id - уникальный идентификатор услуги
head - идентификатор родительской услуги (null означает, что услуга находится в корневом узле)
name - название услуги
node - флаг "узел дерева" (1 - узел, 0 - лист)
price - стоимость услуги
sorthead - показатель, определяющий порядок сортировки услуг на одном уровне
Данные в рамках одного уровня отображаются в порядке возрастания показателя sorthead.
- TypeScript - статическая типизация, которая помогает обнаруживать и предотвращать ошибки на этапе разработки
- Webpack - сборка проекта
- HTML - структурирование содержимого веб-страницы
Комбинация этих технологий обеспечивает эффективную разработку, сборку и отображение дерева на веб-странице с учетом ТЗ.
- cкачайте репозиторий с приложением или склонируйте его с помощью команды:
git clone - перейдите в папку проекта:
cd tree - установите необходимые зависимости:
npm install - запустите проект в режиме разработки:
npm run dev
(приложение будет доступно по адресу http://localhost:8080/) - публикация проекта на GitHub Pages:
npm run deploy