https://github.com/mashamoreva/tree
🗃️ Тестовое задание: "Дерево n-ой вложенности"
https://github.com/mashamoreva/tree
html5 typescript webpack
Last synced: about 2 months ago
JSON representation
🗃️ Тестовое задание: "Дерево n-ой вложенности"
- Host: GitHub
- URL: https://github.com/mashamoreva/tree
- Owner: MashaMoreva
- Created: 2024-02-15T12:51:35.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-15T14:14:53.000Z (over 2 years ago)
- Last Synced: 2025-01-28T00:33:46.342Z (over 1 year ago)
- Topics: html5, typescript, webpack
- Language: TypeScript
- Homepage: https://mashamoreva.github.io/tree/
- Size: 52.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Дерево n-ой вложенности
Это веб-приложение позволяет построить и отобразить дерево 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`
#### Ссылки:
- [Посмотреть на GitHub Pages](https://mashamoreva.github.io/tree/)