React App boilerplate

It's an example of a customized react-project with a backend-server. You can copy it to start developing chat project.

Зачем это нужно

Заготовку копируют для работы над учебным проектом по чату. В клиенте настроены сборка Vite, тема и уведомления Mantine, переводы i18next и подключение к Socket.IO. При запуске страница показывает заголовок Hexlet Chat.

Пакет @hexlet/chat-server предоставляет сервер с авторизацией, каналами и сообщениями. Формы входа и регистрации, маршрутизацию, список каналов и обмен сообщениями в клиенте реализует студент по шагам проекта.

Для следующих шагов установлены React Router, @mantine/form, Zustand, TanStack Query и leo-profanity. Студент подключает их по мере реализации приложения.

Requirements

• Node.js 26 & npm 11

Setup

make install

Development

make develop

Open http://localhost:5002. The API server listens on port 5001; Vite proxies API requests and Socket.IO connections to it.

This repository is created and maintained by the team and the community of Hexlet, an educational project. Read more about Hexlet.