Яндекс.Практикум

Проект 'Web Messenger'

Макет в figma

Деплой на Netlify

Деплой докера на render.com

Проект реализует веб мессенджер и позволяет регистрировать аккаунт, обмениваться сообщениями и настраивать профиль.

Технологии

• HTML5
• CCS3
• SASS
• JavaScript (стандарт ES6)
• TypeScript
• Методология БЭМ
• Flexbox
• GRID
• Handlebars
• Parcel
• Express Js
• Netlify
• XMLHttpRequest
• Docker
• Chai + Mocha

Команда npm run dev запускает проект в режиме разработки.

Команда npm run build собирает проект для продакшена.

Команда npm run test запускает тесты

В проекте реализованы:

• валидация для форм (focus/blur)
• компонентный подход.
• класс для работы с XHR запросами
• роутер для страниц регистрации, авторизации, профиля и чатов
• API чатов для регистрации, выхода из системы, изменения пользовательских данных, работа со списком чатов (создание чата, добавление и удаление пользователя)
• Websocket для обмена сообщениями real-time
• настроены линтеры ESLint, StyleLint
• протестированы - роутер / модуль отправки запросов / блок / утилиты
• настроен Docker