Разработка чата для диалога с ботом по заданным ключевым словам. Адаптивная верстка для устройств с шириной экрана от 320px.
Бот, отвечающий в диалоге реализован в серверной части проекта. Ответ выбирается из заготовленного набора (хранится в формате json) по ключевым словам. На стороне клиента реализована возможность предварительно установки изображения в качестве аватара (допускаются форматы jpeg, png и webp) и имени пользователя. Взаимодействие клиентской части с серверной происходит по websockets.
1. git clone https://github.com/Dimeliora/js-dialog-bot
2. cd js-dialog-bot/server
3. npm install
4. cd ../client
5. npm installДля сборки клиентской части проекта используется планировщик задач Gulp. Скрипты для сборки:
- serve - сборка в development-режиме и запуск dev-server
- build - сборка в development-режиме
- prod - сборка в production-режиме
В режиме production осуществляется минификация HTML, CSS и JS кода, без записи source-map. В обоих режимах происходит создание и подключение favicon.
Для генерации favicon перед запуском скриптов необходимо разместить файл favicon.png в директории src/favicon. В корневой директории проекта расположен файл favicon-design.json для описания правил отображения иконок на разных устройствах.
Запуск серверной части производится из директории server скриптом:
npm start