TUFF E-Commerce Store

TUFF — это современный, быстрый и отзывчивый интернет-магазин с широким ассортиментом товаров, разделенных по различным категориям (электроника, ювелирные изделия, мужская и женская одежда). В основе интерфейса лежит концепция удобного и минималистичного дизайна, представленного на макете.

В будущем проект планируется активно масштабировать: планируется добавление полноценной корзины, личного кабинета пользователя, интеграция платежных систем и расширенная фильтрация товаров.

---

🛠️ Технологический стек

Проект построен на базе современных фронтенд-технологий:

• React.js — компонентный подход и динамическое обновление интерфейса.
• TailwindCss — стилизация компонентов
• React Router DOM — организация удобной декларативной маршрутизации в приложении.
• React Lazy Load Image Component — оптимизация производительности за счет ленивой загрузки изображений товаров.
• ENV Configuration — безопасное управление переменными окружения.

---

🚀 Быстрый старт

1. Клонирование репозитория

git clone https://github.com/bollshoy/Shop.git
cd tuff-ecommerce

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

Для управления пакетами используется пакетный менеджер Yarn:

yarn install

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

Для работы приложения необходимы данные о товарах. В качестве бэкенда используется публичный API FakeStoreAPI.

1. Создайте файл .env в корневом каталоге проекта.
2. Добавьте в него следующую строчку с базовым URL-адресом API:

VITE_FAKE_STORE_API=your_api_key

4. Запуск приложения в режиме разработки

yarn start

После запуска проект будет доступен в браузере по адресу: http://localhost:3000

---

📈 Планы по масштабированию

• Реализация полноценной корзины и системы оформления заказов.
• Интеграция аутентификации пользователей (JWT / Firebase).
• Подключение платежного шлюза (Stripe / PayPal).
• Пагинация, расширенный поиск и фильтрация по брендам и ценам.