Общая информация об используемых технологиях

Frontend:
• React – клиентская часть построена на данном фреймворке
• Socket.io-client – для взаимодействия клиент-сервера
• React-router-dom – маршрутизация по сайту
• Axios – для отправки запросов
• Библиотека стилей Tailwindcss
• React-hot-toast – стили для уведомлений

Backend:
• MySQL
• Socket.io
• Node.js – сервер построен на данном движке
• Express.js – каркас для Node.js


HTML – стандартизированный язык разметки документов для просмотра веб-страниц в браузере.

CSS – формальный язык описания внешнего вида документа, написанного с использованиям языка разметки.

JavaScript – мультипарадигменный язык программирования.

TypeScript – это расширенная версия JavaScript, главной целью которого является упрощение разработки крупных JS-приложений. Этот язык добавляет много новых принципов — классы, дженерики, интерфейсы, статические типы, что позволяет разработчикам использовать разные инструменты, такие как статический анализатор или рефакторинг кода.

MySQL — свободная реляционная система управления базами данных.
Общий вид
Главная страница входа в чат

Чат после входа “Юзер Один” (экран первого пользователя)

Чат после входа “Юзер Два” (экран первого пользователя)

Сообщение, отправленное в чат глобально (экран первого пользователя)

Сообщение, полученное вторым пользователем глобально (экран второго пользователя)

Отправка приватного сообщение вторым пользователем первому (экран второго пользователя)

Первый пользователь получил приватное сообщение от второго (экран первого пользователя)