boksmed

Интернет-магазины
16 просмотров
02.06.2025
1917×1042346 КБ
2.png
1917×1042234 КБ
3.png
1917×1042171 КБ
5.png
1917×1042366 КБ
6.png
1917×1042292 КБ
8.png
1917×1042258 КБ
10.png
1917×1042460 КБ
7.png
1917×1042570 КБ
1.png
1917×1042440 КБ
9.png
1917×1042711 КБ
4.png

Boksmed — это интернет-магазин медицинского оборудования с полным циклом онлайн-продаж. Разработан на Next.js (App Router) с использованием TypeScript.

Ключевые возможности:

  • 📦 Каталог оборудования с фильтрацией, поиском и отзывами.

  • 💳 Интеграция с ЮKassa для приема платежей.

  • 🚛 Автоматический расчет доставки через API логистики.

  • 👨‍⚕️ Админ-панель для управления контентом и заказами.

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

Frontend

  • Next.js 14 (App Router)

  • TypeScript

  • Zustand (глобальное состояние)

  • Чистый CSS (без CSS-фреймворков)

Backend

  • Next.js API Routes

  • Drizzle ORM (работа с базой данных)

  • Neon (PostgreSQL-совместимая Serverless БД)

  • API ЮKassa (платежи)

🔥 Ключевые особенности

🏥 Пользовательская часть

  • 🔍 Поиск и фильтрация по характеристикам оборудования

  • ⭐ Система оценок и отзывов

  • 🛒 Корзина с расчетом доставки

  • 💰 Оплата через ЮKassa

  • 📦 Отслеживание заказов по трек-номеру

👨‍⚕️ Админ-панель

  • 🩺 Управление медицинским оборудованием

  • 📊 Контроль остатков на складе

  • 📦 Управление заказами

  • 📢 Публикация новостей

⚙️ Backend-логика

  • База данных:

    • Используется Neon (Serverless PostgreSQL)

    • Drizzle ORM для типизированных запросов

    • Схемы для товаров, заказов, пользователей

  • Платежи:

    • Интеграция с ЮKassa API

    • Webhook для подтверждения платежей

    • Автоматическое обновление остатков

  • Доставка:

    • Расчет стоимости через внешнее API

    • Учет расположения склада