Чат

Многофункциональный чат с авторизацией, регистрацией, каналами и сообщениями

Hexlet tests and linter status:

Демонстрация:

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

Функциональность

• Регистрация / авторизация
• Создание, переименование и удаление каналов
• Отправка и просмотр сообщений
• Обработка ошибок и уведомления
• Поддержка русского языка (i18n)
• Реализация через WebSocket (Socket.IO)

Стек технологий

• React 18
• Vite
• Redux Toolkit + RTK Query
• React Bootstrap
• i18next
• Formik + Yup
• Axios
• Socket.IO
• React Router
• @hexlet/chat-server (бэкенд)

Установка и запуск

# Клонировать репозиторий
git clone https://github.com/dven-dev/frontend-project-12.git
cd frontend-project-12

# Установить зависимости frontend
cd frontend
npm install

# В корне проекта запустить сервер
cd ..
npx @hexlet/chat-server

# В другом терминале — запустить frontend
cd frontend
npm run dev

# По умолчанию сервер запускается на http://localhost:5001, а фронтенд — на http://localhost:5173