Skip to content

Nikita8Sannikov/ShopHub

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

97 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🛒 ShopHub – стильный магазин премиум-товаров

📌 Описание

ShopHub — это концептуальный интернет-магазин с минималистичным черно-белым дизайном, вдохновлённым эстетикой премиальных автомобилей. Проект демонстрирует реализацию ключевых функций интернет-магазина с использованием современного стека технологий.

preview


⚙️ Функциональность

  • 👤 Регистрация и вход по JWT + cookies
  • 🧺 Гостевая корзина — добавляй товары до авторизации, после входа все добавленные товары сохраняются в персональной корзине.
  • 🛒 Персональная корзина пользователя с подсчётом суммы
  • 📦 CRUD для товаров и категорий (доступен администратору)
  • 🔍 Фильтрация товаров по категориям и поиск товаров
  • ⚡ Быстрый и отзывчивый UI на shadcn/ui + Tailwind CSS

📦 CRUD админа

admin crud


🧪 Технологии

Frontend:

  • ⚛️ React + TypeScript
  • 🎨 Tailwind CSS + shadcn/ui
  • ⚡ Vite

Backend:

  • 🟢 Node.js + Express
  • 🍃 MongoDB
  • 🔐 JWT + Cookies для авторизации

DevOps:

  • 🐳 Docker

🚀 Где посмотреть?

Готовая версия доступна онлайн:
👉 Shop_Hub


🛠 Как запустить локально?

  1. Клонируй репозиторий:
git clone https://github.com/Nikita8Sannikov/ShopHub.git
cd ShopHub
  1. Установи зависимости:
npm install

⚠️ Для полноценной работы необходим .env файл с переменными окружения (ключи, URI базы данных) Если хочешь просто посмотреть, используй деплой по ссылке выше.


🔮 Возможности для развития

  • 🛍 Пагинация и расширенная фильтрация товаров
  • 🌐 Интернационализация (i18n)
  • 📱 Адаптив под мобильные устройства
  • 📄 Всплывающие уведомления