CampFire Critics

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

Функции

• Аутентификация пользователей: Вход, регистрация и управление профилем через Supabase.
• Управление медиа: Просмотр, поиск и отображение медиаконтента с каруселью и карточным интерфейсом.
• Система отзывов: Подача и просмотр отзывов с рейтинговым графиком для визуализации обратной связи.
• Админская панель: Управление медиа и отзывами через AdminMediaPage.
• Адаптивный дизайн: Построен с использованием Tailwind CSS для адаптивной верстки на разных устройствах.

Технологии

• Фронтенд: React, Vite, Tailwind CSS
• Бэкенд: Supabase (Аутентификация, База данных)
• Медиа API: Интеграция с TMDB (The Movie Database) для получения данных о медиа
• Управление состоянием: React Context API (AuthContext, MediaContext)

Настройка

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

   git clone https://github.com/your-username/campfire-critics.git
   cd campfire-critics
   

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

   npm install
   

3. Установите Supabase CLI (если не установлен):

   npm install -g supabase
   

4. Настройте переменные окружения:

   • Переименуйте .env.example в .env и добавьте свои данные Supabase:

     VITE_SUPABASE_URL=your_supabase_url
     VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
     

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

   npm run dev
   

6. Запустите миграции Supabase (если необходимо):

   npm run supabase:start
   

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

src/
├── App.jsx              # Основной компонент приложения
├── main.jsx             # Точка входа
├── pages/               # Компоненты страниц (Главная, Вход, Админ и т.д.)
├── components/          # Воспользуемые UI-компоненты
├── contexts/            # Провайдеры React Context (Auth, Media)
├── services/            # Утилиты API и сервисы (Supabase, TMDB)
└── assets/              # Статические файлы

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

1. Откройте issue для обсуждения новой функции или исправления
2. Сделайте fork репозитория
3. Создайте новую ветку (git checkout -b feature-name)
4. Зафиксируйте изменения
5. Запушите ветку (git push origin feature-name)
6. Создайте Pull Request

Требования

• Node.js 18+
• npm 8+

Лицензия

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