💬 Chat — Веб-чат с поддержкой PWA

Учебный веб-проект: простой чат с передачей сообщений через WebSockets. Имеет приятный интерфейс, поддержку установки как PWA, случайные стили сообщений и кеширование через Service Worker.

---

✨ Функции

• 🔁 Обмен сообщениями в реальном времени с помощью Socket.IO
• 🧼 Красивый UI на Bootstrap
• 🎨 Случайный стиль оформления сообщений для каждого пользователя
• 📱 Поддержка PWA (можно установить как приложение на Android/Windows)
• ⚙ Service Worker с кешированием для оффлайн-режима
• 🛡 Установка собственного имени перед отправкой сообщений

---

🚀 Технологии

• HTML5, CSS3
• JavaScript, jQuery
• Socket.IO — передача сообщений
• Bootstrap — стилизация
• Service Worker — оффлайн-поддержка
• Manifest (manifest.webmanifest) — PWA-манифест

---

🔧 Настройка и запуск (если есть серверная часть)

npm install
node server.js

Открыть в браузере: http://localhost:3000

Для полной работы необходим сервер с Socket.IO (например, Node.js сервер с Express).

📱 PWA-функции

• ✅ Добавление на главный экран

• ✅ Иконки разных размеров

• ✅ Оффлайн-кеширование файлов (index.html, main.css и др.)

• ✅ Автоматическое обновление ресурсов через network and cache

🎓 Назначение проекта Этот чат был реализован как учебный проект для отработки следующих навыков:

• Работа с веб-сокетами

• Реализация PWA (Service Worker, Manifest, Cache API)

• Вёрстка с Bootstrap

• Работа с событием submit и DOM-обработкой

👤 Автор Дмитрий Саенко