Учебный проект "Мессенджер" для Яндекс.Практикума. Функционал сравним с любым современным мессенджером. Внешний вид выполнен духе приложений эпохи Windows 95/98/2000. В качестве шаблонизатора используется Handlebars.
npm run build
npm run start
- webpack serve
npm run test
npm run eslint
npm run stylelint
docker build -t messenger .
docker run -d -p 3000:3000 messenger
/src
- ресурсы программы/src/components
- визуальные компоненты, с помощью которых создаются dom-элементы/src/modules
- классы для основных сущностей мессенджера/src/pages
- страницы для демонстрации работы/static
- статичные элементы и картинки/ui
- макет программы, выполненный на бумаге
Все компоненты, кроме View
, наследуются от базового класса Component
.
Component
- базовый класс, на основе которого пишутся остальные, вызывает рендер DOM-дерева при создании экземпляра, методы для обновления пропсов, а так же управление EventBus.View
- пространство для рендераWindow
окон, содержащихContent
.Button
,Input
,Text
- базовые компоненты, могут быть созданы из пропсов или из имеющегося HTML-элемента.Chatlist
- список чатов.ChatFeed
- лента сообщений.
Fetch
- класс для работы с запросами на серверApi
- класс для работы с Api сетвераRouting
- класс роутераStore
- класс состоянияFunctions
- набор вспомогательных функций
Используется стили 98.css