Hexlet tests and linter status:

💬 Онлайн-чат

Полноценный онлайн-чат с авторизацией, каналами и сообщениями в реальном времени.
Проект демонстрирует полный цикл разработки современного frontend-приложения: от архитектуры и работы с API до сборки, деплоя и мониторинга ошибок.

---

🧠 Что делает проект

Приложение представляет собой упрощённый аналог Slack:

• авторизация и аутентификация пользователя
• защищённые маршруты и клиентский роутинг
• работа с каналами (создание, переименование, удаление)
• отправка и получение сообщений в реальном времени через WebSocket
• валидация форм и обработка сетевых ошибок
• фильтрация нецензурной лексики
• локализация интерфейса
• анимации и уведомления
• продакшен-сборка и мониторинг ошибок

---

🛠 Используемые технологии и навыки

Базовый стек

• React (hooks, композиция компонентов)
• Vite — dev / build / preview
• React Router — маршрутизация и protected routes
• Redux Toolkit — глобальное состояние, slices, async-логика

Работа с данными

• REST API (Axios)
• WebSocket — socket.io-client для realtime-сообщений

Формы и UX

• Formik + Yup — управление формами и валидация
• React Toastify — уведомления
• Leo Profanity — фильтрация нецензурной лексики
• i18next — локализация

Интерфейс

• Bootstrap 5
• React-Bootstrap — готовые доступные UI-компоненты
• Lottie React — анимации

Продакшен

• сборка и деплой
• Rollbar — мониторинг ошибок в продакшене

---

🚀 Как запустить проект локально

Склонируйте репозиторий и перейдите в папку проекта, установите зависимости и запустите проект

git clone https://github.com/alekseevgr/frontend-project-12.git
cd frontend-project-12
make install
make develop

Версия чата онлайн

https://frontend-project-12-bh38.onrender.com/

После запуска необходимо 10-15 минут для деплоя приложения