Telegram Web App Store | Python (FastAPI) + Vanilla JS
Rozwój aplikacji E-commerce (TWA) z architekturą Single Page Application (SPA). Projekt demonstruje możliwości tworzenia wysokowydajnych interfejsów wewnątrz Telegramu.
Architektura i Stos:
Backend: Python 3.12, FastAPI (API i Webhooki), Aiogram 3.15.
Baza danych: PostgreSQL (Async) + SQLAlchemy 2.0.
Frontend: HTML5/CSS3 + Vanilla JS (ES6+). GPU-akseleracja animacji.
Konfiguracja: Pydantic v2 dla ścisłej typizacji i walidacji danych.
Kluczowe moduły:
Smart Gallery: Niestandardowy suwak z Lazy Loading i CSS Scroll Snap.
Filtry w czasie rzeczywistym: Filtrowanie po stronie klienta (JS) dla natychmiastowej reakcji.
Zarządzanie stanem: Koszyk i stan sesji są przechowywane lokalnie, co zmniejsza obciążenie serwera.
Płatności: Integracja Telegram Payments API z obsługą statusów transakcji.
Cechy realizacji:
Kod napisany zgodnie z zasadami Clean Architecture.
Zrealizowano zasadę "No Backtracking" — skalowalne modele Bazy Danych (pola JSON) oraz scentralizowana konfiguracja.
UI w stylu Glassmorphism z natywną nawigacją (Bottom Sheets).
Architektura i Stos:
Backend: Python 3.12, FastAPI (API i Webhooki), Aiogram 3.15.
Baza danych: PostgreSQL (Async) + SQLAlchemy 2.0.
Frontend: HTML5/CSS3 + Vanilla JS (ES6+). GPU-akseleracja animacji.
Konfiguracja: Pydantic v2 dla ścisłej typizacji i walidacji danych.
Kluczowe moduły:
Smart Gallery: Niestandardowy suwak z Lazy Loading i CSS Scroll Snap.
Filtry w czasie rzeczywistym: Filtrowanie po stronie klienta (JS) dla natychmiastowej reakcji.
Zarządzanie stanem: Koszyk i stan sesji są przechowywane lokalnie, co zmniejsza obciążenie serwera.
Płatności: Integracja Telegram Payments API z obsługą statusów transakcji.
Cechy realizacji:
Kod napisany zgodnie z zasadami Clean Architecture.
Zrealizowano zasadę "No Backtracking" — skalowalne modele Bazy Danych (pola JSON) oraz scentralizowana konfiguracja.
UI w stylu Glassmorphism z natywną nawigacją (Bottom Sheets).