Game Catalog

Веб-приложение каталога игр, реализованное как SPA (Single Page Application) с использованием React и PHP.

🎮 Описание

Приложение представляет собой каталог игр с возможностью просмотра списка игр и детальной информации о каждой игре. Реализовано с использованием современного стека технологий.

🛠 Технологии

Frontend

• React - основная библиотека
• React Router - навигация
• Webpack - сборка проекта
• CSS3 - стилизация

Backend

• PHP - серверная часть
• MySQL - база данных
• PDO - работа с базой данных
• Basic Auth - авторизация

🌐 Доступ к приложению

• Frontend: http://localhost:3000
• Backend API: http://localhost:8000

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

game-catalog/
├── frontend/                 # React приложение
│   ├── src/
│   │   ├── components/      # React компоненты
│   │   ├── pages/          # Страницы приложения
│   │   ├── services/       # API сервисы
│   │   └── styles/         # CSS стили
│   ├── public/             # Статические файлы
│   └── package.json        # Зависимости
├── backend/                # PHP API
│   ├── controllers/        # Контроллеры
│   ├── models/            # Модели данных
│   ├── config/            # Конфигурация
│   ├── auth/              # Аутентификация
│   └── images/            # Изображения игр
└── README.md              # Документация

🔧 API Endpoints

Получение списка игр

GET /games

Параметры:

• sort - поле для сортировки (id, name, rating, released)
• order - порядок сортировки (ASC, DESC)

Ответ:

[
  {
    "id": 1,
    "slug": "the-witcher-3",
    "name": "The Witcher 3: Wild Hunt",
    "poster": "/images/witcher3.jpg",
    "rating": 9.3
  }
]

Получение информации об игре

GET /game/{slug}

Ответ:

{
  "id": 1,
  "slug": "the-witcher-3",
  "name": "The Witcher 3: Wild Hunt",
  "description": "Отправляйтесь в путешествие...",
  "released": "2015-05-19",
  "poster": "/images/witcher3.jpg",
  "rating": 9.3
}

🎯 Функциональность

Главная страница (Каталог игр)

• ✅ Отображение списка игр с постерами
• ✅ Информация: название, постер, рейтинг
• ✅ Сортировка по рейтингу (по возрастанию/убыванию)

Страница игры

• ✅ Детальная информация об игре
• ✅ Полное описание
• ✅ Дата релиза