Telegram Web App Store | Python (FastAPI) + Vanilla JS
Розробка E-commerce застосунку (TWA) з архітектурою Single Page Application (SPA). Проєкт демонструє можливості створення високопродуктивних інтерфейсів всередині Telegram.
Архітектура та Стек:
Backend: Python 3.12, FastAPI (API & Webhooks), Aiogram 3.25.
Database: PostgreSQL (Async) + SQLAlchemy 2.0.
Frontend: HTML5/CSS3 + Vanilla JS (ES6+). GPU-акселерація анімацій.
Config: 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.25.
Database: PostgreSQL (Async) + SQLAlchemy 2.0.
Frontend: HTML5/CSS3 + Vanilla JS (ES6+). GPU-акселерація анімацій.
Config: 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).