Chat/README.md

Chat

Chat - это анонимный мессенджер

Стек

• Frontend:
  • TypeScript
  • React 19
  • Next.js 15 (App Router)
  • Tailwind CSS
  • Yup
  • SWR
• Backend:
  • TypeScript
  • Nest 11
  • TypeORM
  • Swagger UI Express
• Database: PostgreSQL

О проекте

• Анонимный чат на основе WebSockets
• Написан за 10 часов как тестовое задание перед одним из моих собеседований
• Я выполнял это техническое задание
• Цветовое выделение разных пользователей
• Адаптивная верстка. Корректное отображение на мобильных устройствах, планшетах, ноутбуках, десктопах
• SSR (Server-Side Rendering)
• Валидация данных с помощью Yup
• Структура проекта в соответствии с Feature-Sliced Design
• Цветовая схема Gruvbox. Возможность переключения тёмной и светлой темы
• Запуск с помощью Docker контейнеров (используется Docker Compose)

Скриншоты

Запуск

Development

Database:

docker compose -f 'docker-compose.yml' up -d --build 

Backend:

cd ./backend
npm install
npm run start:dev

Frontend:

cd ./frontend
npm install
npm run dev

Production

docker compose -f 'docker-compose-all.yml' up -d --build