Update README.md
This commit is contained in:
parent
c8c7170354
commit
d10394c015
91
README.md
91
README.md
@ -1,8 +1,89 @@
|
|||||||
# React + Vite
|
# CampFire Critics
|
||||||
|
|
||||||
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
CampFire Critics — это веб-приложение, построенное на React, Vite и Tailwind CSS, предназначенное для управления медиаконтентом и пользовательскими отзывами. Приложение включает аутентификацию, управление медиа и административные функции для модерации контента.
|
||||||
|
|
||||||
Currently, two official plugins are available:
|
## Функции
|
||||||
|
|
||||||
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
|
- **Аутентификация пользователей**: Вход, регистрация и управление профилем через Supabase.
|
||||||
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
- **Управление медиа**: Просмотр, поиск и отображение медиаконтента с каруселью и карточным интерфейсом.
|
||||||
|
- **Система отзывов**: Подача и просмотр отзывов с рейтинговым графиком для визуализации обратной связи.
|
||||||
|
- **Админская панель**: Управление медиа и отзывами через AdminMediaPage.
|
||||||
|
- **Адаптивный дизайн**: Построен с использованием Tailwind CSS для адаптивной верстки на разных устройствах.
|
||||||
|
|
||||||
|
## Технологии
|
||||||
|
|
||||||
|
- **Фронтенд**: React, Vite, Tailwind CSS
|
||||||
|
- **Бэкенд**: Supabase (Аутентификация, База данных)
|
||||||
|
- **Медиа API**: Интеграция с TMDB (The Movie Database) для получения данных о медиа
|
||||||
|
- **Управление состоянием**: React Context API (AuthContext, MediaContext)
|
||||||
|
|
||||||
|
## Настройка
|
||||||
|
|
||||||
|
1. **Клонируйте репозиторий**:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
git clone https://github.com/your-username/campfire-critics.git
|
||||||
|
cd campfire-critics
|
||||||
|
```
|
||||||
|
|
||||||
|
2. **Установите зависимости**:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm install
|
||||||
|
```
|
||||||
|
|
||||||
|
3. **Установите Supabase CLI** (если не установлен):
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm install -g supabase
|
||||||
|
```
|
||||||
|
|
||||||
|
4. **Настройте переменные окружения**:
|
||||||
|
|
||||||
|
- Переименуйте `.env.example` в `.env` и добавьте свои данные Supabase:
|
||||||
|
```
|
||||||
|
VITE_SUPABASE_URL=your_supabase_url
|
||||||
|
VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
|
||||||
|
```
|
||||||
|
|
||||||
|
5. **Запустите сервер разработки**:
|
||||||
|
|
||||||
|
```bash
|
||||||
|
npm run dev
|
||||||
|
```
|
||||||
|
|
||||||
|
6. **Запустите миграции Supabase** (если необходимо):
|
||||||
|
```bash
|
||||||
|
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](LICENSE).
|
||||||
|
Loading…
Reference in New Issue
Block a user