83 lines
1.9 KiB
Markdown
83 lines
1.9 KiB
Markdown
# Shop Platform - Frontend
|
|
|
|
React фронтенд для интернет-магазина Shop Platform.
|
|
|
|
## Технологии
|
|
|
|
- **React 18** - UI библиотека
|
|
- **Vite** - Сборщик и dev-сервер
|
|
- **React Router** - Роутинг
|
|
- **Axios** - HTTP клиент
|
|
|
|
## Установка
|
|
|
|
```bash
|
|
cd client
|
|
npm install
|
|
```
|
|
|
|
## Запуск
|
|
|
|
### Режим разработки
|
|
|
|
```bash
|
|
npm run dev
|
|
```
|
|
|
|
Приложение будет доступно по адресу `http://localhost:3000`
|
|
|
|
### Сборка для продакшена
|
|
|
|
```bash
|
|
npm run build
|
|
```
|
|
|
|
Собранные файлы будут в папке `dist/`
|
|
|
|
### Просмотр продакшен сборки
|
|
|
|
```bash
|
|
npm run preview
|
|
```
|
|
|
|
## Структура проекта
|
|
|
|
```
|
|
client/
|
|
├── src/
|
|
│ ├── api/ # API клиенты
|
|
│ ├── components/ # React компоненты
|
|
│ ├── pages/ # Страницы приложения
|
|
│ ├── App.jsx # Главный компонент
|
|
│ └── main.jsx # Точка входа
|
|
├── index.html
|
|
├── vite.config.js
|
|
└── package.json
|
|
```
|
|
|
|
## Настройка API
|
|
|
|
По умолчанию API запросы идут на `http://localhost:80/api/v1`.
|
|
|
|
Для изменения базового URL создайте файл `.env`:
|
|
|
|
```env
|
|
VITE_API_URL=http://localhost:80/api/v1
|
|
```
|
|
|
|
## Функционал
|
|
|
|
- ✅ Каталог товаров с фильтрацией
|
|
- ✅ Детальная страница товара
|
|
- ✅ Корзина покупок (localStorage)
|
|
- ✅ Категории товаров
|
|
- ✅ Поиск товаров
|
|
- ✅ Адаптивный дизайн
|
|
|
|
## Интеграция с бэкендом
|
|
|
|
Фронтенд использует REST API бэкенда:
|
|
- `/api/v1/products` - Товары
|
|
- `/api/v1/categories` - Категории
|
|
- `/api/v1/cart` - Корзина
|