Skip to content

Веб-приложение "Чат" без использования фреймворков

Notifications You must be signed in to change notification settings

Aleksa-esme/WebChat

Repository files navigation

Веб-приложение "Чат"

Описание

Веб-приложение для общения в чатах в реальном времени. Приложение реализовано без использования фреймворков, с самописными fetch, router, store и компонентами(реактивность).


Функциональность приложения

  • Регистрация, логин и логаут пользователя
  • Профиль пользователя и измененение данных в профиле
  • Чаты: создание и удаление чатов, добавление и удаление пользователя из чата
  • Изменение аватара пользователя и чата
  • Отправка и получение сообщений(текстовых и изображений) в реальном времени
  • API запросы
  • Валидация форм на клиенте
  • Роутинг

Для работы с приложением необходима регистрация. Можно указывать несуществующую почту

Image alt

На странице профиля можно посмотреть и изменить свои данные

Image alt

На странице чатов можно создать чат, в который можно добавлять/удалять пользователей (по логину), изменять изображение чата

Image alt

В чат можно добавлять любое количество пользователей. Общение происходит в реальном времени. Можно отправлять текстовые сообщения и изображения. Приложение адаптировано для работы на десктопной, планшетной и мобильной версиях

Image alt

Важно: в браузере можно находиться только с одного аккаунта (не считая режим инкогнито).

Технологии

  • Typescript
  • SCSS
  • HTML
  • Handlebars
  • Websocket
  • Docker
  • Webpack
  • Parcel
  • Jest

Установка

  • npm i - установка зависимостей
  • npm run dev - запуск development сборки
  • npm run start - запуск production сборки

Планы по доработке

  • отправка стикеров
  • оптимизация работы со стором
  • поиск по чатам

Releases

No releases published

Packages

No packages published