arrow_backНазад в портфолио

CryptoIkra

Система, где промо-лендинг, Telegram-магазин и геймификация работают вместе. Пользователь переходит с лендинга в Telegram-бот, оформляет заказ (каталог → корзина → чек-аут), а бонусы и "Колесо фортуны" работают как WebApp с фиксацией результатов в PostgreSQL.

Клиент

CryptoIkra

Год

2025

Услуги

UI/UX дизайнРазработкаTelegram-бот
web

Лендинг

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

  • Hero с фоновым видео + адаптация под устройство и ориентацию.
  • CTA на Telegram и Instagram + переключатель языков.
  • Аккуратные анимации, которые усиливают "дорогой" интерфейс.
  • Оптимизация видео: сжатие, faststart, контроль загрузки.
  • Логика перевода через кастомный хук (подготовлено к масштабированию языков).
ReactTailwind CSSFramer Motion
Дизайн лендинга
shopping_bag

Магазин в Telegram

Бот-магазин в Telegram: каталог, корзина и оформление заказа за несколько шагов.

  • Каталог: категории и карточки товаров.
  • Корзина: добавить/удалить, количество, защита от ошибочных состояний.
  • Чек-аут: данные клиента, сохранение заказа, склад в БД.
  • Бонусы: начисление/списание, баланс.
  • Сообщения: фото + текст + inline-кнопки в едином стиле.
  • Админка: рассылки и управление товарами/заказами.
Telegram APINode.jsPayment Gateway
Интерфейс Telegram-магазина
casino

Колесо фортуны

Промо-механика как Telegram WebApp с серверной фиксацией результатов и бонусов в PostgreSQL — это важно, потому что исключает "рандом только на фронте".

  • Колесо призов, UI результатов, модальные окна.
  • Сохранение результата спина в БД + начисление призов/бонусов.
  • Логика вероятностей выпадения призов (веса).
  • API-интеграция: WebApp → сервер → PostgreSQL.
Canvas APIPhysics EngineWebSockets
Telegram Mini App — колесо фортуны
cloud_done

Инфраструктура и деплой

Архитектура под ключ: один домен, HTTPS, несколько приложений без конфликтов.

  • API: FastAPI + Uvicorn, прокси через Nginx /api/.
  • Роутинг домена: / — лендинг • /wheel/ — WebApp • /api/ — бэкенд.
  • VPS / Ubuntu: автозапуск через systemd, Nginx reverse-proxy.
  • HTTPS: Certbot (Let's Encrypt) + автообновление.
  • Кеширование: HTML без кеша, статика с долгим кешем и версионированием.
Stack: Python (Aiogram), FastAPI, PostgreSQL, React, TypeScript, Vite, Nginx, Ubuntu VPS, systemd, Certbot.
check_circleБезопасность

HTTPS, защита от CSRF/XSS, валидация ввода

speedПроизводительность

Кеширование статики, оптимизация медиа, CDN-ready

syncАвтообновление

Systemd + скрипты деплоя, zero-downtime

analyticsМониторинг

Логи, метрики, алерты при сбоях

Нравится проект?

Давайте обсудим ваш кейс и подскажем лучший флоу под вашу задачу.

Написать нам
CryptoIkra — кейс | Aura Web Agency