CampFire Critics

CampFire Critics — это современное веб-приложение для управления медиаконтентом и пользовательскими отзывами, построенное на React, Vite и Tailwind CSS. Приложение предоставляет богатый функционал для работы с медиа, рецензиями и пользовательскими профилями.

Основные возможности

Управление медиаконтентом
- Просмотр и поиск фильмов, сериалов и игр
- Детальная информация о медиа с рейтингами и отзывами
- Карусель и карточный интерфейс для удобной навигации
- Анимированные переходы и интерактивные элементы
Система рецензий
- Создание и редактирование рецензий
- Рейтинговая система с визуализацией
- Последние рецензии в бегущей строке
- Интеграция с профилями пользователей
Пользовательские профили
- Персонализированные профили с аватарами
- История рецензий и активности
- Рейтинг пользователей
- Настройки профиля
Административные функции
- Модерация контента
- Управление медиа
- Административная панель
- Статистика и аналитика

Технологический стек

Фронтенд
- React 18+
- Vite
- Tailwind CSS
- Framer Motion для анимаций
- React Router для маршрутизации
- React Icons для иконок
Бэкенд
- PocketBase для аутентификации и базы данных
- REST API
- Файловое хранилище
Инструменты разработки
- ESLint для линтинга
- PostCSS для обработки CSS
- Git для контроля версий

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

src/
├── components/          # React компоненты
│   ├── home/           # Компоненты главной страницы
│   ├── media/          # Компоненты для работы с медиа
│   ├── navigation/     # Навигационные компоненты
│   ├── profile/        # Компоненты профиля
│   ├── reactbits/      # Переиспользуемые UI компоненты
│   └── reviews/        # Компоненты для рецензий
├── contexts/           # React контексты
├── pages/             # Страницы приложения
├── services/          # Сервисы и API
└── utils/             # Вспомогательные функции

Установка и запуск

Клонируйте репозиторий

git clone https://git.campfiregg.ru/CampFire/CampFireCritics.git
cd CampFireCritics

Установите зависимости

npm install

Настройте переменные окружения Создайте файл .env в корне проекта:

VITE_POCKETBASE_URL=your_pocketbase_url

Запустите сервер разработки

npm run dev

Соберите проект для продакшена

npm run build

Разработка

Основные команды

npm run dev - Запуск сервера разработки
npm run build - Сборка проекта
npm run lint - Проверка кода линтером
npm run preview - Предпросмотр собранного проекта

Стиль кода

Проект использует ESLint для поддержания качества кода. Основные правила:

Использование функциональных компонентов
Строгая типизация пропсов
Следование принципам чистого кода
Комментирование сложных участков кода

Вклад в проект

Создайте форк репозитория
Создайте ветку для новой функции (git checkout -b feature/amazing-feature)
Зафиксируйте изменения (git commit -m 'Add amazing feature')
Отправьте изменения в форк (git push origin feature/amazing-feature)
Создайте Pull Request

Лицензия

MIT License. Подробнее см. LICENSE.

Контакты

CampFire Team - @campfiregg

Project Link: https://git.campfiregg.ru/CampFire/CampFireCritics

5.1 KiB Raw Blame History Unescape Escape