https://github.com/silverarrowz/fresh-ecommerce-front
Фронтенд-часть интернет-магазина,с админ-панелью, созданного с помощью React 19, Laravel 12 в роли API, и базы данных PostgreSQL.
https://github.com/silverarrowz/fresh-ecommerce-front
axios framer-motion laravel php postgresql react reactcontext reactquery tailwindcss typescript zustand
Last synced: 9 months ago
JSON representation
Фронтенд-часть интернет-магазина,с админ-панелью, созданного с помощью React 19, Laravel 12 в роли API, и базы данных PostgreSQL.
- Host: GitHub
- URL: https://github.com/silverarrowz/fresh-ecommerce-front
- Owner: silverarrowz
- Created: 2025-03-22T12:42:52.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-04-01T14:17:50.000Z (9 months ago)
- Last Synced: 2025-04-01T15:34:40.792Z (9 months ago)
- Topics: axios, framer-motion, laravel, php, postgresql, react, reactcontext, reactquery, tailwindcss, typescript, zustand
- Language: TypeScript
- Homepage: https://fresh-sports.vercel.app/
- Size: 2.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Интернет-магазин спортивного питания Fresh
Современный интернет-магазин с админ-панелью, созданный с помощью React 19, Laravel 12 в роли API, и базы данных PostgreSQL.
## Live Demo
[Посмотреть сайт](https://fresh-ecommerce-front.vercel.app)
## Features
- 🎨 современный интерфейс и дизайн с продуманным UI/UX и плавными анимациями;
- 🔍 поиск в режиме реального времени по названию и категории, с возможностью фильтрации и сортировки;
- 🛒 корзина, прикрепленная к пользователю в БД, либо сохраняемая в localStorage и синхронизируемая с пользователем при входе;
- 📱 адаптивная и кроссбраузерная вёрстка;
- ⚡ интеграция со Stripe для осуществления заказов;
- 👩 личный кабинет с историей заказов;
- 🛠️ админ-панель для управления товарами;
## 🛠️ Главные технологии
### Frontend
- React 19
- TypeScript 5
- Vite
- Tailwind CSS, Shadcn UI, React Icons - стили
- Framer Motion - анимации
- axios и React Query - запросы к API
- React Router
- Zustand - стейт-менеджер корзины
- React Hook Form и Zod - работа с формами в админ-панели
### Backend
- Laravel 12 - PHP-фреймворк
- PostgreSQL - база данных
- Supabase Storage - хранилище медиа
- Sanctum - аутентификация
- Stripe - платёжная система
- Render и Docker - хостинг
## 📸 Скриншоты
### Корзина
### Личный кабинет
### Поиск
### Админ-панель
## Планы по улучшению
- возможность оставлять оценки и отзывы на товары;
- возможность добавлять товары в избранное;
- больше возможностей админ-панели, отображение статистики;
- добавление новых характеристик товарам и вариантов фильтрации;
- возможность выбора темы;
- оптимизация SEO, accessibility;
##
Предложения по доработке приветствуются! :)