Telegram Web App Store | Python (FastAPI) + Vanilla JS
Development of an E-commerce application (TWA) with Single Page Application (SPA) architecture. The project demonstrates the capabilities of creating high-performance interfaces within Telegram.
Architecture and Stack:
Backend: Python 3.12, FastAPI (API & Webhooks), Aiogram 3.15.
Database: PostgreSQL (Async) + SQLAlchemy 2.0.
Frontend: HTML5/CSS3 + Vanilla JS (ES6+). GPU-accelerated animations.
Config: Pydantic v2 for strict typing and data validation.
Key Modules:
Smart Gallery: Custom slider with Lazy Loading and CSS Scroll Snap.
Real-time Filters: Client-side filtering (JS) for instant response.
State Management: Cart and session state stored locally, reducing server load.
Payments: Integration of Telegram Payments API with transaction status handling.
Implementation Features:
Code written according to Clean Architecture principles.
Implemented the "No Backtracking" principle — scalable database models (JSON fields) and centralized config.
UI in Glassmorphism style with native navigation (Bottom Sheets).
Architecture and Stack:
Backend: Python 3.12, FastAPI (API & Webhooks), Aiogram 3.15.
Database: PostgreSQL (Async) + SQLAlchemy 2.0.
Frontend: HTML5/CSS3 + Vanilla JS (ES6+). GPU-accelerated animations.
Config: Pydantic v2 for strict typing and data validation.
Key Modules:
Smart Gallery: Custom slider with Lazy Loading and CSS Scroll Snap.
Real-time Filters: Client-side filtering (JS) for instant response.
State Management: Cart and session state stored locally, reducing server load.
Payments: Integration of Telegram Payments API with transaction status handling.
Implementation Features:
Code written according to Clean Architecture principles.
Implemented the "No Backtracking" principle — scalable database models (JSON fields) and centralized config.
UI in Glassmorphism style with native navigation (Bottom Sheets).