arrow_backBack to portfolio

CryptoIkra

A system where a promo landing page, a Telegram shop, and gamification work together. Users go from the landing page to a Telegram bot, place an order (catalog → cart → checkout), while bonuses and the “Wheel of Fortune” run as a WebApp with results persisted in PostgreSQL.

Client

CryptoIkra

Year

2025

Services

UI/UX DesignDevelopmentTelegram Bot
web

Landing page

A one-page promo landing in a dark “premium” style: crisp typography, clean UI composition, and accents.

  • Hero with a background video + adaptation for device and orientation.
  • CTAs to Telegram and Instagram + language switcher.
  • Subtle animations that enhance a “premium” feel.
  • Video optimization: compression, faststart, loading control.
  • Translation logic via a custom hook (prepared to scale languages).
ReactTailwind CSSFramer Motion
Landing page design
shopping_bag

Telegram shop

A Telegram shop bot: catalog, cart, and checkout in a few steps.

  • Catalog: categories and product cards.
  • Cart: add/remove, quantity, protection from invalid states.
  • Checkout: customer details, order saving, inventory stored in DB.
  • Bonuses: earn/spend, balance.
  • Messages: photo + text + inline buttons in a consistent style.
  • Admin panel: broadcasts and product/order management.
Telegram APINode.jsPayment Gateway
Telegram shop interface
casino

Wheel of Fortune

A promo mechanic as a Telegram WebApp with server-side persistence of results and bonuses in PostgreSQL — important to avoid “front-end-only random”.

  • Prize wheel, result UI, modal windows.
  • Persist spin results in DB + award prizes/bonuses.
  • Weighted probability logic for prize drops.
  • API integration: WebApp → server → PostgreSQL.
Canvas APIPhysics EngineWebSockets
Telegram Mini App — Wheel of Fortune
cloud_done

Infrastructure & deployment

Turnkey architecture: one domain, HTTPS, multiple apps without conflicts.

  • API: FastAPI + Uvicorn, proxied via Nginx /api/.
  • Domain routing: / — landing • /wheel/ — WebApp • /api/ — backend.
  • VPS / Ubuntu: systemd autostart, Nginx reverse-proxy.
  • HTTPS: Certbot (Let’s Encrypt) + auto-renewal.
  • Caching: no-cache HTML, long-cache static assets with versioning.
Stack: Python (Aiogram), FastAPI, PostgreSQL, React, TypeScript, Vite, Nginx, Ubuntu VPS, systemd, Certbot.
check_circleSecurity

HTTPS, CSRF/XSS protection, input validation

speedPerformance

Static caching, media optimization, CDN-ready

syncAuto-updates

Systemd + deploy scripts, zero-downtime

analyticsMonitoring

Logs, metrics, and failure alerts

Like the project?

Let’s discuss your case and suggest the best flow for your task.

Write to us
CryptoIkra — кейс | Aura Web Agency