проект №2 курса «Комплексное обучение JavaScript»
- Скачать архив ⬇️ и разархивировать или в терминале
git clone https://github.com/dikonsepta/browserchat.git
- В терминате перейти в папку проекта
cd ./ *путь до папки*
- Инициализировать проект
npm i
- Запустить WebSocket
npm run server
- Запустить локальный сервер, например Live Server в VSCODE (однако помните, что при смене фотографии вкладки будут обновляться)
Мой дизайн, вдохновленный Material Design
- ввести никнейм и войти в чат в первой вкладке
- дублировать вкладку
- ввести другой никнейм и войти в чат во второй вкладке
- выбрать фото в проводнике
- Drag and Drop на свою аватарку (левый верхний угол)
- все сообщения пользователя поменяют картинку
- и в других вкладках тоже!
- в списке пользователей также отобразятся изменения