/html_projects

Монорепозиторий проектов с общей кодовой базой

Primary LanguageTypeScript

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

Сборка 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.

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

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

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

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

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