Telegram Mini App для повторного замовлення товарів
Я розробила Mini App, що автоматизує процеси для бізнесу - дозволяє повторно замовляти товари безпосередньо в діалозі з ботом. Система автоматично підтягує товари з Google Таблиць на основі історії замовлень користувача та відправляє підтвердження замовлення на сервер.
Головна мета: спростити процес повторного замовлення для клієнтів та автоматизувати комунікацію між замовником і бізнесом.
Функціонал:
- Авторизація користувача – після входу в міні-ап, адміністратор отримує повідомлення про нового користувача;
- Інтеграція з Google Sheets – бот отримує список товарів, які користувач замовляв раніше;
- Форма замовлення – користувач обирає товар, кількість (від 10 до 3000 кг з кроком 5 кг);
- Підтвердження замовлення – перед відправкою даних користувач бачить попап із деталями;
- Відправка JSON-запиту на сервер – замовлення надходить у бізнес-систему через REST API.
Використані технології
Фронтенд:
- React + Vite (швидка розробка та оптимізація для Telegram Mini Apps);
- Styled Components (кастомні стилі);
- Telegram Web Apps API (авторизація, інтеграція з ботом).
Бекенд:
- Node.js + Express (серверна логіка);
- Google Sheets API (отримання даних з таблиці);
- Axios (відправка API-запитів);
- JWT (авторизація через Bearer Token).
Деплой та сервер:
- Nginx (зворотний проксі);
- PM2 (процес-менеджер для Node.js);
- Ubuntu VPS (налаштування сервера).
Результат
- Повністю реалізовано ТЗ відповідно до UI-дизайну;
- Зроблено покращення UX (інтуїтивне введення кількості, зручне підтвердження);
- Надано інструкцію з налаштування API-ключів для подальшого розгортання;
- Стабільна робота на сервері (деплой через PM2, оптимізовано швидкість роботи).
Висновок
Цей проєкт дозволив бізнесу автоматизувати процес повторного замовлення, зменшити кількість ручної роботи та підвищити зручність для користувачів. Завдяки цьому Mini App клієнти можуть швидко оформлювати замовлення, а інтеграція з Google Sheets спрощує управління товарами.
Готова реалізувати подібні рішення для вашого бізнесу!
Головна мета: спростити процес повторного замовлення для клієнтів та автоматизувати комунікацію між замовником і бізнесом.
Функціонал:
- Авторизація користувача – після входу в міні-ап, адміністратор отримує повідомлення про нового користувача;
- Інтеграція з Google Sheets – бот отримує список товарів, які користувач замовляв раніше;
- Форма замовлення – користувач обирає товар, кількість (від 10 до 3000 кг з кроком 5 кг);
- Підтвердження замовлення – перед відправкою даних користувач бачить попап із деталями;
- Відправка JSON-запиту на сервер – замовлення надходить у бізнес-систему через REST API.
Використані технології
Фронтенд:
- React + Vite (швидка розробка та оптимізація для Telegram Mini Apps);
- Styled Components (кастомні стилі);
- Telegram Web Apps API (авторизація, інтеграція з ботом).
Бекенд:
- Node.js + Express (серверна логіка);
- Google Sheets API (отримання даних з таблиці);
- Axios (відправка API-запитів);
- JWT (авторизація через Bearer Token).
Деплой та сервер:
- Nginx (зворотний проксі);
- PM2 (процес-менеджер для Node.js);
- Ubuntu VPS (налаштування сервера).
Результат
- Повністю реалізовано ТЗ відповідно до UI-дизайну;
- Зроблено покращення UX (інтуїтивне введення кількості, зручне підтвердження);
- Надано інструкцію з налаштування API-ключів для подальшого розгортання;
- Стабільна робота на сервері (деплой через PM2, оптимізовано швидкість роботи).
Висновок
Цей проєкт дозволив бізнесу автоматизувати процес повторного замовлення, зменшити кількість ручної роботи та підвищити зручність для користувачів. Завдяки цьому Mini App клієнти можуть швидко оформлювати замовлення, а інтеграція з Google Sheets спрощує управління товарами.
Готова реалізувати подібні рішення для вашого бізнесу!