Описание

Веб-приложение «Чат». Проектная работа.

#4

• Реализован роутер. У всех страниц имеется собственный роут:
  • /auth/signin — страница входа,
  • /auth/signup — страница регистрации,
  • /user — настройки профиля пользователя,
  • /messenger — чат.
• Реализованы методы работы с API
• Реализованы методы для работы с WebSocket - отправка и получение сообщений в реальном времени
• Реализованы контроллеры для взаимодействия приложения с API
• Реализовано хранилище состояния приложения Store
• В приложении реализованы следующее возможности:
  • Регистрация
  • Вход
  • Обновление данных профиля пользователя
  • Изменение аватара пользователя
  • Создание и удаление чата
  • Изменение аватара чата
  • Поиск, добавление и удаление пользователей в чат
  • Отправка и получение сообщений
• Частично покрыто тестами (Mocha, Chai)

Макеты в figma - https://www.figma.com/file/jF5fFFzgGOxQeB4CmKWTiE/Chat_external_link?node-id=0%3A1

Демонстрация на Heroku - https://ancient-river-55467.herokuapp.com

Установка

Установка зависимостей приложения:

npm i

Сборка и запуск

Сборка приложения. Используемый сборщик Webpack:

npm run build

Выполняется сборка приложения и его запуск на сервере Express, на 3000 порту. http://localhost:3000:

npm run start

Сборка приложения. Раздача статичеких файлов на сервере Express, на 3000 порту. http://localhost:3000:

npm run dev

Проверка на стилистические и типовые ошибки. Используются правила Airbnb.

npm run lint

Запуск тестов

npm run test

Precommit. Установка хука husky - Git:

npm run prepare