Демо-админка для Telegram-commerce

SMM Admin Panel Demo

Публичная демо-панель управления SMM-магазином: React-интерфейс, Bun/Hono backend, таблицы, роли, товары, промокоды, статистика и аккуратный production-деплой.

Доступ к демо

Логин: demo

Пароль: demo123

  • React
  • TypeScript
  • Vite
  • Bun
  • Hono
  • shadcn/ui
  • Tailwind
  • nginx

Проблема клиента

Для Telegram-магазина нужна была не только внутренняя логика, но и витрина профессионального уровня: демо-админка, которую можно показать клиенту, проверить сценарии и объяснить ценность системы без доступа к боевым данным.

Что сделано

  • Разработал административный UI с таблицами, фильтрами, разделами управления и визуальной подачей метрик.
  • Поднял Bun/Hono сервер, который отдает API и статический React build в одном процессе.
  • Настроил запуск через systemd, reverse proxy через nginx, HTTPS-сертификат и публичный адрес apanel.demolab.cyou.

Ключевые фичи

  • Публичное demo по HTTPS на apanel.demolab.cyou
  • Single-process Bun/Hono backend со SPA fallback
  • Интерфейс для управления товарами, пользователями, ролями и статистикой

Роль

Собрал React/Vite приложение, Bun/Hono сервер, production build, systemd service, nginx reverse proxy, TLS и публичный demo-домен.

Что показывает для заказчика

Кейс показывает full-stack навык: от интерфейса и UX админки до backend-runtime, reverse proxy, TLS и production-эксплуатации на сервере.

Контент кейса

Проблема

Клиенту или партнеру сложно оценить Telegram-commerce систему только по описанию бота. Нужен понятный интерфейс, где видны товары, пользователи, роли, промокоды, статистика и логика управления.

Что сделано

Я собрал публичную демо-панель: React/Vite frontend, Bun runtime, Hono API, SPA fallback и production build. Приложение работает на сервере как systemd service, принимает трафик через nginx reverse proxy и доступно по HTTPS-домену apanel.demolab.cyou.

Демо отделено от боевого контура: оно показывает профессиональный UI и сценарии управления, не раскрывая приватные данные и не требуя доступа к рабочим Telegram-ботам.

Доступ к демо-панели:

  • логин: demo
  • пароль: demo123

Что это показывает заказчику

Этот проект демонстрирует способность доводить продукт до презентабельного состояния. Я умею не только написать бота, но и сделать вокруг него управляемую админ-систему, опубликовать ее на сервере и подготовить к демонстрации.

Скриншоты

Dashboard screen of SMM Admin Panel Demo
Dashboard with shop metrics, revenue, orders and quick actions.
Orders screen of SMM Admin Panel Demo
Orders table with statuses, filters, search and CSV export.
Support tickets screen of SMM Admin Panel Demo
Support tickets area with SLA, CSAT and request filters.

Связанные работы

Следующий проект

Все работы →