Skip to content

БРАУЗЕР-ЧАТ — десктоп-приложение, с помощью которого можно чатиться из разных вкладок браузера; второй проект курса «Комплексное обучение JavaScript» от LoftSchool

Notifications You must be signed in to change notification settings

dikonsepta/browserchat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💬 БРАУЗЕР-ЧАТ — чат между вкладками 💬

проект №2 курса «Комплексное обучение JavaScript»


Как установить веб-приложение?

  1. Скачать архив ⬇️ и разархивировать или в терминале
git clone https://github.com/dikonsepta/browserchat.git
  1. В терминате перейти в папку проекта
cd ./ *путь до папки*
  1. Инициализировать проект
npm i
  1. Запустить WebSocket
npm run server
  1. Запустить локальный сервер, например Live Server в VSCODE (однако помните, что при смене фотографии вкладки будут обновляться)

Мой дизайн, вдохновленный Material Design

Веб-приложение предложит ввести никнейм

Как чатиться между вкладками

  • ввести никнейм и войти в чат в первой вкладке
  • дублировать вкладку
  • ввести другой никнейм и войти в чат во второй вкладке

Как менять фотографию

  • выбрать фото в проводнике
  • Drag and Drop на свою аватарку (левый верхний угол)
  • все сообщения пользователя поменяют картинку
  • и в других вкладках тоже!
  • в списке пользователей также отобразятся изменения


About

БРАУЗЕР-ЧАТ — десктоп-приложение, с помощью которого можно чатиться из разных вкладок браузера; второй проект курса «Комплексное обучение JavaScript» от LoftSchool

Topics

Resources

Stars

Watchers

Forks