Лидеры года — новая категория на Workspace Digital Awards! Номинируйте вашу команду, продукты и проекты.
Анна Курец
Демо Telegram Mini App: магазин кофе и чая "Тёплая чашка"
Анна Курец
#Разработка чат-ботов и Mini Apps

Демо Telegram Mini App: магазин кофе и чая "Тёплая чашка"

15 
Анна Курец Беларусь, Минск
Поделиться: 0 0 0
Компания

Курец Анна Сергеевна

Сфера

Услуги

Страна

Беларусь

Сдано

Ноябрь 2026

Задача

Клиент: нет, это демо-проект, сделанный по итогам опроса в моём Telegram-канале (тему "витрина магазина" выбрали 41 голосом).

Задача: показать, как выглядит готовый интернет-магазин внутри Telegram: от каталога до чека, без перехода на внешний сайт. Магазин и товары выдуманные, проект демонстрирует возможности.

Решение

Сделала Telegram Mini App с полным циклом покупки:

- каталог кофе, чая и аксессуаров с фильтрами и сортировкой;

- карточки товаров: вес, помол, шкалы вкуса;

- корзина и оформление заказа;

- имитация оплаты, данные покупателей не сохраняются;

- после заказа бот присылает демо-чек в чат;

- светлая и тёмная тема.

Технологии: интерфейс на HTML, CSS и JavaScript без фреймворков (Telegram Web App API), каталог и баннеры в JSON. Бот и сервер на Python, aiogram 3: один сервис отдаёт Mini App и принимает заказы. Тесты на pytest. Размещено на Amvera, токены хранятся в настройках окружения, не в коде.

Результат

- Рабочее демо, которое можно пройти целиком: от каталога до демо-чека в чате Telegram.

- Тема выбрана подписчиками: витрина магазина набрала больше всего голосов (41) в опросе в канале.

- Сделано на одном сервисе: он отдаёт Mini App и принимает заказы, есть автотесты.

- Данные покупателей не сохраняются, оплата только имитация.

- Основа для витрины любой ниши: меняются товары, фильтры и оформление.

Анна Курец
Анна Курец

Беларусь Минск

Проект сделан как демонстрация возможностей, заказчика нет. Показывает, как выглядит готовый магазин в Telegram: каталог, корзина, оформление заказа и чек. Такую витрину можно адаптировать под другую нишу: заменить товары, фильтры и оформление, при необходимости подключить настоящую оплату.

https://t.me/teplaya_chashka_demo_bot

Стек технологий

  • SCSS SCSS Язык программирования
  • JavaScript JavaScript Язык программирования
  • Python Python Язык программирования

Оцените кейс
Спасибо за оценку
Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
оставить заявку

Хотите заказать похожий проект?

Оставить заявку