Кодовая база для различных проектов

Сборка Typescript проекта на es6 с помощью сборщика Gulp

1. npm init - инициализация проекта (создание package.json)
2. npm update - установит нужные инструменты, описанные в package.json
3. Перейти в папку с нужным проектом и найти gilpfile.js
4. Запустить таск gulp build_project и наслаждаться рабочим проектом

Поднятие нового проекта

1. Создать директорию в bin
2. Настроить gulpfile.js на нужный проект. Установить пути для сборки. Для настройки использовать модули из папки iib.
3. Путь для подключаемого файла main.js в HTML должен находить в каталоге с gulpfile.js
4. Написать каркас приложения и провести пути в main.js
5. Проверить, что все работает

Проект Kanban - клон Trello

Данный проект был выполнен с помощью React и самописным Redux в стандарте ES6 (тестовое задание в Omega-R).

Функционал приложения:

• Авторизация и регистрация:

  регистрация пользователя (email+password, без подтверждения email’а); авторизация пользователя; завершение сеанса пользователя.

• Работа со списками карточек:

  создание именованных списков карточек; редактирование названий списков карточек; удаление списков карточек (вместе с карточками); изменение порядка списков с помощью drag and drop.

• Работа с карточками:

  создание карточек с текстом; редактирование текста карточки; удаление карточек; перемещение карточек между списками с помощью drag and drop; изменение порядка карточек в списке с помощью drag and drop.

Ограничения использования: проект не работает в браузерах IE и Safari (нет поддержки трансформации методов array для react-beautiful-dnd - задача TS-13)

Проект House Map

Отображение и внесение схем зданий на карте города для кадастрового учета (выполнен для участия в гранте МинЭкономРазвития г.Йошкар-Ола)

Используемые зависимости:

• React
• Typescript
• Yandex Api Map
• Material Ui

Функционал приложения:

• Просмотр профиля для указанных зданий
• Добавление и редактирование зданий (доступно при указании в localStorage параметра edit: true)

Проект Project Map

Составление карты зависимостей модулей любого проекта с любым уровнем вложенности, улучшенная версия FlowMapp (домашний проект).

Используемые зависимости:

• Vanilla JS
• Typescript
• Konva
• Canvas Api
• Mocha, Chai

Функционал приложения:

• CRUD узлов

  создание узла; редактирование названия узла; удаление узла; перемещение узла в свободную ячейку на карте с помощью drag and drop.

• Выделение элементов

  множественное выделение снятие выбора ранее выделенного элемента

• Группировка/разгруппировка узлов

  группировка выделенных элементов; разгруппировка групп (разгруппированные элементы ставятся на свои старые места, сдвигая элементы в занятых блоках на любое свободное место);

• Создание/удаление связей между узлами и группами