https://github.com/quaddarv1ne/telegram_web_bot

TailwindCSSThis project is a Telegram bot built on a technology stack of FastAPI, Aiogram, Tortoise ORM, PostgreSQL for Backend and Vue 3, Pinia, TypeScript, TailwindCSS for Frontend
https://github.com/quaddarv1ne/telegram_web_bot

aiogram backend fastapi frontend frontend-web maximdupley pinia postgresql postgresql-database quadd4rv1n7 tailwindcss telegram tortoise-orm typescript vue-3

Last synced: 4 months ago
JSON representation

TailwindCSSThis project is a Telegram bot built on a technology stack of FastAPI, Aiogram, Tortoise ORM, PostgreSQL for Backend and Vue 3, Pinia, TypeScript, TailwindCSS for Frontend

• Host: GitHub
• URL: https://github.com/quaddarv1ne/telegram_web_bot
• Owner: QuadDarv1ne
• License: mit
• Created: 2024-08-28T19:32:17.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-28T19:54:01.000Z (almost 2 years ago)
• Last Synced: 2025-02-23T14:23:26.373Z (over 1 year ago)
• Topics: aiogram, backend, fastapi, frontend, frontend-web, maximdupley, pinia, postgresql, postgresql-database, quadd4rv1n7, tailwindcss, telegram, tortoise-orm, typescript, vue-3
• Language: Python
• Homepage: https://stepik.org/users/150943726/teach
• Size: 1.49 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Разработка Telegram бота с WEB-интерфейсом

![telegram_bot](telegram_bot.png)

## Описание

Этот проект представляет собой Telegram-бота, построенного на стеке технологий FastAPI, Aiogram, Tortoise ORM, PostgreSQL для Backend и Vue 3, Pinia, TypeScript, TailwindCSS для Frontend.

### Структура проекта:

```

my-telegram-bot-project/

│

├── backend/

│   ├── Dockerfile

│   ├── docker-compose.yml

│   ├── requirements.txt

│   ├── .env.example

│   └── main.py

│

├── frontend/

│   ├── Dockerfile

│   ├── package.json

│   ├── tailwind.config.ts

│   ├── vite.config.ts

│   ├── src/

│   │   ├── assets/

│   │   │   └── styles/

│   │   │       └── tailwind.css

│   │   ├── store.ts

│   │   └── App.vue

│   └── index.html

│

├── img/

│   ├── fast_api.img

│   ├── pinia.img

│   ├── taiwindcss.png

│   ├── tortoise_orm.png

│   ├── typescript.png

│   └── vue3.png

│

├── .gitignore

├── README.md

└── LICENSE

```

## Установка и запуск

### Backend

1. Перейдите в каталог `backend`.

2. Создайте файл `.env` на основе `.env.example` и укажите значения для переменных окружения:

   ```plaintext

   TELEGRAM_API_TOKEN=your_telegram_bot_token

   DATABASE_URL=postgres://user:password@localhost:5432/dbname

3. Запустите контейнеры Docker:

   ```

   docker-compose up --build

   ```

## Backend на FastAPI, Aiogram, Tortoise ORM и PostgreSQL

![tortoise_orm](img/tortoise_orm.png)

## Frontend на Vue 3, Pinia, TypeScript и TailwindCSS

![pinia](img/pinia.png)

![taiwind](img/tailwindcss.png)

![typescript](img/typescript.png)

![vue3](img/vue3.png)

#### 👨🏻‍💻 Преподаватель: Дуплей Максим Игоревич

#### 📅 Дата: 28.08.2024