Створення Telegram WebApp для збору контактів

Розроблено Telegram WebApp для автоматизації збору контактних даних користувачів в рамках маркетингової кампанії. Додаток інтегровано з Telegram Bot API, забезпечуючи безпечний ввід даних (ім'я, телефон, email) з подальшою відправкою в базу даних на Django 5 з використанням PostgreSQL. Рішення включає налаштування вебхуків для обробки запитів і зберігання даних у структурованому вигляді.

**Технології:**
- **Backend:** Django 5, PostgreSQL, Gunicorn, Docker
- **Frontend:** Nuxt 3 (Options API)
- **Інтеграція:** Telegram Bot API

**Реалізація:**
Додаток включає форму для вводу контактних даних з валідацією, адаптовану під мобільні пристрої. Дані передаються через API в базу даних, де зберігаються для подальшої обробки. Використано Docker для контейнеризації та Gunicorn для оптимізації роботи сервера в продакшені.

**Результат:**
- Успішний збір і збереження контактів в реальному часі.
- Адаптивний дизайн з фіксованим сайдбаром для зручності управління.
- Деплой в Docker-контейнері забезпечує масштабованість і стабільність.

Цей кейс демонструє практичне рішення для інтеграції Telegram з веб-додатком, оптимізованим для продакшена.

#webapp #Telegram #django #python #vue3 #Vue.js #Nuxt.js