Телеграм Веб Приложение Магазин | Питон (FastAPI) + Ванильный JS
Разработка E-commerce приложения (TWA) с архитектурой Single Page Application (SPA). Проект демонстрирует возможности создания высокопроизводительных интерфейсов внутри Telegram.
Архитектура и Стек:
Backend: Python 3.12, FastAPI (API и Webhooks), Aiogram 3.15.
База данных: PostgreSQL (Async) + SQLAlchemy 2.0.
Frontend: HTML5/CSS3 + Vanilla JS (ES6+). GPU-ускорение анимаций.
Конфигурация: Pydantic v2 для строгой типизации и валидации данных.
Ключевые модули:
Smart Gallery: Кастомный слайдер с Lazy Loading и CSS Scroll Snap.
Real-time Filters: Фильтрация на стороне клиента (JS) для мгновенного отклика.
State Management: Корзина и состояние сессии хранятся локально, снижая нагрузку на сервер.
Payments: Интеграция Telegram Payments API с обработкой статусов транзакций.
Особенности реализации:
Код написан по принципам Clean Architecture.
Реализован принцип "No Backtracking" — масштабируемые модели БД (JSON-поля) и централизованная конфигурация.
UI в стиле Glassmorphism с нативной навигацией (Bottom Sheets).
Архитектура и Стек:
Backend: Python 3.12, FastAPI (API и Webhooks), Aiogram 3.15.
База данных: PostgreSQL (Async) + SQLAlchemy 2.0.
Frontend: HTML5/CSS3 + Vanilla JS (ES6+). GPU-ускорение анимаций.
Конфигурация: Pydantic v2 для строгой типизации и валидации данных.
Ключевые модули:
Smart Gallery: Кастомный слайдер с Lazy Loading и CSS Scroll Snap.
Real-time Filters: Фильтрация на стороне клиента (JS) для мгновенного отклика.
State Management: Корзина и состояние сессии хранятся локально, снижая нагрузку на сервер.
Payments: Интеграция Telegram Payments API с обработкой статусов транзакций.
Особенности реализации:
Код написан по принципам Clean Architecture.
Реализован принцип "No Backtracking" — масштабируемые модели БД (JSON-поля) и централизованная конфигурация.
UI в стиле Glassmorphism с нативной навигацией (Bottom Sheets).