2025Dokončené
Minimal E-Shop
Kompaktní full-stack e-shop se Spring Boot backendem, PostgreSQL na Supabase, platbami přes Stripe a frontendem postaveným na kombinaci Vite, Reactu a TypeScriptu. Backend běží v Dockeru pro usnadnění lokálního vývoje i produkčního nasazení.
- React
- TypeScript
- Vite
- Spring Boot
- PostgreSQL
- Supabase
- Stripe
- Docker
- TanStack Router
- React Hook Form
Náhled projektu
Kontext
E-shop jsem vytvořil, abych si vyzkoušel ucelený nákupní proces spojující Java backend, React frontend a zpracování plateb.
Technický přístup
- REST API ve Spring Bootu s PostgreSQL databází na Supabase
- Vite a React SPA s využitím TanStack Routeru
- Stripe pro zpracování plateb
- Docker pro kontejnerizaci backendové části
Výzvy
- Sladění API kontraktů mezi Spring Bootem a frontendem
- Spolehlivé zpracování Stripe webhooků a potvrzení plateb
- Zabalení Java backendu do reprodukovatelného Docker prostředí
Co jsem se naučil
- Docker zjednodušil lokální spouštění a produkční nasazení backendové části aplikace
- Definování jasných hranic API mezi frontendem a backendem výrazně usnadnilo celkovou integraci
- Testovací režim Stripe (Test Mode) a lokální přesměrování webhooků byly pro plynulý vývoj naprosto klíčové
Hlavní funkce
- Propojení s platební bránou Stripe (Stripe Checkout)
- REST API postavené na Spring Bootu
- Kontejnerizace a nasazení backendu přes Docker
- Katalog produktů a nákupní košík
Další projekt
PixelVerse
Komunitní platforma pro pixel art s filtrováním slov a AI moderací před zveřejněním, profily umělců, feedy a Sanity CMS.