Перейти к основному содержимому

QMWeb

Публичный сайт в тематике Minecraft с личным кабинетом, регистрацией и авторизацией через QMServer.

Технологии​

  • React 19 — UI-библиотека
  • React Router 7 — маршрутизация
  • TypeScript — типизация
  • Vite 7 — сборка и dev-сервер
  • ESLint + Prettier — линтинг и форматирование
  • Шрифты — Noto Sans, Minecraft Ten, Minecraft Seven (как на minecraft.net)

Функции​

  • Главная страница (лендинг)
  • Регистрация и вход
  • Личный кабинет (дашборд)
  • Профиль пользователя
  • Список серверов

Доменное имя​

web.qx-dev.ru

Дизайн​

  • Minecraft-тематика (зелёные акценты)
  • Шрифты как на minecraft.net: Noto Sans (основной текст), Minecraft Ten (заголовки, кнопки)
  • Тёмная тема
  • Адаптивная вёрстка

Шрифты​

Шрифты в public/fonts/ взяты из пакета @mojang/web-theme-bootstrap (MIT). Для обновления:

npm install @mojang/web-theme-bootstrap --save-dev
cp node_modules/@mojang/web-theme-bootstrap/assets/fonts/*.woff2 node_modules/@mojang/web-theme-bootstrap/assets/fonts/*.woff node_modules/@mojang/web-theme-bootstrap/assets/fonts/*.ttf public/fonts/
npm uninstall @mojang/web-theme-bootstrap

Сборка​

cd QMWeb
npm install
npm run build

Переменные окружения​

  • VITE_API_BASE_URL — URL API QMServer