Shop Platform - Frontend

React фронтенд для интернет-магазина Shop Platform.

Технологии

React 18 - UI библиотека
Vite - Сборщик и dev-сервер
React Router - Роутинг
Axios - HTTP клиент

Установка

cd client
npm install

Запуск

Режим разработки

npm run dev

Приложение будет доступно по адресу http://localhost:3000

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

npm run build

Собранные файлы будут в папке dist/

Просмотр продакшен сборки

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:

VITE_API_URL=http://localhost:80/api/v1

Функционал

✅ Каталог товаров с фильтрацией
✅ Детальная страница товара
✅ Корзина покупок (localStorage)
✅ Категории товаров
✅ Поиск товаров
✅ Адаптивный дизайн

Интеграция с бэкендом

Фронтенд использует REST API бэкенда:

/api/v1/products - Товары
/api/v1/categories - Категории
/api/v1/cart - Корзина

1.9 KiB Raw Blame History