Pull to refresh

Традиционный безалкогольный хакатон в Сибириксе: пишем бесплатный HelpDesk

Website developmentNode.JSReactJS
Традиционно на хакатон мы берем небольшой проект. Который имел бы практическую пользу. Вот так, с наскока, мы уже сделали:
  • Хуижн — сервис для демонстрации заказчикам макетов с хранилищем в Google Docs. Это было прикольно.
  • Planing Poker — старый, но все еще довольно посещаемый проект.
  • KeyRights — корпоративный парольник. Пожалуй, единственный проект с хакатона, который решили сделать платным.



В этот раз мы решили покуситься на святое — написать HelpDesk. Абсолютно бесплатный, опенсорсный, безумно простой, ставится на раз-два. Рисуем дизайн, верстаем. Все это за неделю до. Собираемся в воскресенье в 10 утра в офисе. Закупаемся энергетиками, и понеслась!

Стек технологий


Каждый хакатон мы применяем какие-то технологии, которые раньше не использовали на боевых проектах. Мало просто о них читать или слушать на конференциях. Нужно обязательно руками потрогать — прежде чем окончательно разочароваться. В прошлый раз это был Angular (от которого потом плевались еще 3 месяца).
В этот раз мы выбрали React.js. Его мы в итоге полюбили и продолжили использовать на некоторых клиентских проектах. Серверную часть уже по традиции сделали на Node.js и MongoDB.

Наши любимые грабли


Уже ставшие для нас традиционные грабли на хакатонах, которые мы (возможно) победим в следующий раз:
  • На момент старта ни у кого из разработчиков не настроено рабочее окружение. Настройка съела почти пару часов драгоценного хакатонского времени. Мораль: Node.js, MongDB и всякие gulp-ы лучше настраивать заранее.
  • Наше незнание ключевой технологии и ее ограничений. С одной стороны, мы много времени тратили на простые вещи в React.js. С другой — именно для того, чтобы попробовать технологию на практике, мы и проводим хакатоны. Здесь ничего менять не будем. Все шло сильно ровнее, чем с Angular.
  • Никакого ТЗ. Вернее, у нас был кратенький backlog со списком хотелок, написанный за 30 минут. Но большую часть того, что мы хотели сделать — придумывали чуть ли не на ходу.


Что умеет HelpDesk




В первую очередь мы писали HelpDesk для обслуживания наших проектов. Нам нужен был минимум функций: форма подачи тикета, список тикетов. Все настройки мы вынесли в файл конфигурации. Одна инсталляция HelpDesk может быть настроена на несколько доменов. Один домен — один проект. Доступ разделен на пользовательский и административный. Администратор видит все тикеты в закрепленных за ним проектах. Сами пользователи попадают в систему, просто создавая тикет (пароль приходит им сразу на электропочту).



На главной странице проекта можно прикрепить полезные документы и справочную информацию.
Мы предусмотрели работу HelpDesk не только через web-интерфейс, но и через email (можно отвечать на тикеты прямо из почты, получать уведомления и т.д.). Сделали загрузку файлов к тикетам (в том числе — из приложенных к почте). Список тикетов и сами тикеты обновляются через web-сокеты по push-ам.



Статусы, подкраска активности и просроченных тикетов, сортировка, ленивая подгрузка… Все работает очень шустро, выглядит няшно. По-моему, получилось очень неплохо, учитывая, что это за один присест.

А тем временем в офисе


  • Пицца. Роллы. Энергетики. Соки. Обязательный атрибут, да.
  • Хакатон заканчивается, когда ни у кого не хватает сил думать. Обычно часов в 12 ночи. Собираемся кучкой. Проводим короткую ретроспективу.
  • По итогам ретроспективы понимаем, что до релиза продукта недобито еще примерно 30% задач. Решаем, что делать: отодвинуть на неделю или отоспаться и добить все за день в рабочее время. Решили отоспаться и навалиться всей толпой в рабочее время. Это было правильное решение.



Тестовая эксплуатация


Сразу же запускаем HelpDesk для поддержки пользователей наших продуктов. Получаем живую обратную связь. Фиксим баги. Полируем. Заливаем на GitHub.


Где взять, как поставить


Сам скрипт живет в гитхабе https://github.com/SibirixScrum/HelpDesk.
Попробовать в действии можно здесь http://helpdeskdemo.sibirix.ru/ (только не все сразу и без фанатизма — сервер слабенький)!

Требования


mongodb 3.0
node.js


Установка


mkdir helpdesk
cd ./helpdesk
git clone https://github.com/SibirixScrum/HelpDesk.git ./
или
svn co https://github.com/SibirixScrum/HelpDesk/trunk/ ./
npm i


Настройка


cd ./config
cp ./config.example.js ./config.js
mcedit ./config.js


Основные опции


  • connectString: 'mongodb://localhost/helpdesk' — база в mongo. Будет создана при первом запуске, если еще не существует.
  • exports.projects — настройки проектов.
  • responsible: 'tester@example.com' почта администратора проекта. Аккаунт создается автоматически. Пароль отправляется на почту.
  • exports.socketIo: 'SECRETKEY' — секретный ключ для шифрования куков.
  • exports.session.secret: 'SECRETKEY' — секретный ключ для шифрования сессий.


Запуск


node app.js


Итоги и респекты


В действующих лицах:
  • Алексей. Нарисовал чОткий и удобный интерфейс, причем очень быстро.
  • Ваня, Дионисий, Дэн, Саша, Леха — сверстали и запрограммировали всю эту красоту.
  • Татьяна. Нашла все баги.
  • Елена. Эксплуатирует проект на боевую, поддерживая пользователей.
  • Катя. Успокаивала пользователей, которые хотели прислать нам баг, но не смогли этого сделать из-за бага в HelpDesk :)
  • Vladik. Был талисманом этого хакатона.

Нам понравился React.js, и мы решили применять его в некоторых коммерческих проектах.
Tags:хакатонhelpdesknode.jsreact.js
Hubs: Website development Node.JS ReactJS
Total votes 14: ↑13 and ↓1 +12
Views22.3K

Popular right now

Backend разработчик Node.js
from 150,000 to 200,000 ₽Технологии скорингаRemote job
Разработчик Node.JS
from 70,000 to 100,000 ₽ОПЗ МЭИМосква
Fullstack (React + Node.js) Developer
from 270,000 to 410,000 ₽OsomeRemote job
Node.js Developer
from 150,000 to 200,000 ₽BotHelpRemote job
Node.js Developer
from 140,000 to 220,000 ₽HolyWebRemote job

Top of the last 24 hours