Card Game

Карточная игра с возможностью регистрации, авторизации, создания и подключения к комнатам, а также ведения истории игр.

Технологии

• Frontend
  • HTML, CSS (Tailwind + кастомные стили)
  • JavaScript (ES Modules, GSAP, AOS)
• Backend
  • Node.js, Express
  • MySQL
  • JWT (jsonwebtoken), bcryptjs
  • WebSocket (ws)
• Инструменты
  • dotenv, live-server, mysql2, cookie-parser, cors

Структура проекта

card-game/
├── back/ # Серверная часть (Express API)
│ ├── config.js
│ ├── db/ # Скрипты и подключение к БД
│ ├── modules/ # Маршруты и сервисы (Auth, User, Game, Profile и др.)
│ ├── utils/ # JWT-утилиты, хэширование паролей
│ └── index.js # Точка входа
├── front/ # Клиентская часть
│ ├── src/
│ │ ├── pages/ # HTML-страницы (регистрация, логин, меню и др.)
│ │ ├── utils/ # Скрипты (auth, пре-загрузчик, меню)
│ │ ├── style/ # CSS
│ │ └── index.js # live-server
│ └── package.json
├── .env.* # Конфиги окружений
└── package.json # Скрипты установки и запуска обоих сервисов

Установка

1. Клонировать репозиторий:

   git clone https://github.com/Lordpluha/card-game.git
   cd card-game

2. Установить зависимости:

   npm run install

3. Создать файлы .env.dev, .env.local и заполнить их по образцу в корне (.env.prod).

Инициализация базы данных

1. Временно в .env.dev указать учётку root:

   DB_USER=rootDB_PASSWORD=<root_password>

2. Запустить скрипт:

   cd back
   npm run db:init

3. Вернуть в .env.dev обычного пользователя и права:

   GRANT ALL PRIVILEGES ON card_game.* TO 'your_user'@'localhost';
   FLUSH PRIVILEGES;

Запуск проекта

• В режиме разработки:

  npm run start

  — одновременно запустятся сервер (Express) и фронтенд (live-server на порту 3000).

• Отдельно:

  npm run start:back
  npm run start:front

Перейти в браузере на http://localhost:3000

Особенности

• HTTP-only access и refresh токены в cookie
• Обновление токена (refresh) при каждом запросе
• Защищённые роуты через middleware (requireAccessToken, requireRefreshToken)
• Анимации прелоадера (GSAP) и эффекты прокрутки (AOS)
• JSON-поля в таблице games для хранения участников

Лицензия

Apache License 2.0

Нюансы

Пользователь может иметь только 1 сессию чтобы невозможно было играть с 2 устройств одновременно