E-commerce architecture
Full-stack e-commerce: Angular client, Auth0 login, FastAPI with security middleware, Redis caching, PostgreSQL and an MCP inventory service.
Offered as a template
In this diagram
- Full-stack e-commerce architecture
- Angular · FastAPI · Redis · PostgreSQL · MCP
- Client
- Shopper
- Angular 17 UI
- port 4200
- Auth0 OAuth 2.0
- FastAPI backend · port 8000
- Security middleware
- CORS allow-list
- CSP + HSTS headers
- JWT validation
- Rate limiting
- 429 when exceeded
- Application logic
- Input validation (Pydantic)
- ORM (no raw SQL)
- Redis · port 6379
- Inventory cache
- Carts
- Sessions
- PostgreSQL port 5432
- Postgres MCP server
- MCP inventory server · port 3000
- Inventory logic & order handling
- Key
- mint Client
- sky Authentication
- lilac Backend & middleware
- lemon Cache & in-memory data
- sand Databases & storage
- peach Services
- dashed External call
- arrow Data flow
- Checkout: the backend calls the MCP server, which updates stock and clears the cache
- login · PKCE
- HTTPS · REST / GraphQL
- cache first · write-through
- primary store
- checkout
- adjust stock
- invalidate
- stdio