Creation of a Telegram WebApp for collecting contacts

A Telegram WebApp has been developed to automate the collection of users' contact information as part of a marketing campaign. The application is integrated with the Telegram Bot API, ensuring secure data entry (name, phone, email) with subsequent submission to a database on Django 5 using PostgreSQL. The solution includes setting up webhooks for processing requests and storing data in a structured format.

**Technologies:**
- **Backend:** Django 5, PostgreSQL, Gunicorn, Docker
- **Frontend:** Nuxt 3 (Options API)
- **Integration:** Telegram Bot API

**Implementation:**
The application includes a form for entering contact information with validation, adapted for mobile devices. Data is transmitted via API to the database, where it is stored for further processing. Docker is used for containerization and Gunicorn for optimizing server performance in production.

**Result:**
- Successful collection and storage of contacts in real-time.
- Responsive design with a fixed sidebar for ease of management.
- Deployment in a Docker container ensures scalability and stability.

This case demonstrates a practical solution for integrating Telegram with a web application, optimized for production.

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