A bicycle e-commerce platform built with microservices architecture, deployed on Azure Kubernetes Service.
| Layer | Technology |
|---|---|
| Frontend | React, Vite, Tailwind CSS, Redux Toolkit |
| Backend | Node.js, TypeScript, Express |
| Databases | PostgreSQL (Prisma ORM), Redis |
| Infrastructure | Azure AKS, Terraform |
| CI/CD | GitHub Actions, Helm |
| Service | Description |
|---|---|
| frontend | React SPA — product browsing, cart, checkout |
| user-service | Authentication, profiles, JWT tokens |
| product-service | Bicycle catalog, inventory management |
| cart-service | Shopping cart (Redis-backed) |
| order-service | Order orchestration across services |
| payment-service | Payment processing (mock gateway) |
The devcontainer provides a ready-to-code environment with all tools and extensions pre-installed. Once the container is ready:
# Start databases and all services
docker-compose up -d
# Run tests
npm test# Install dependencies
npm install
# Start all services (databases, backend, frontend, API gateway)
docker-compose up -d
# Run tests
npm test
# Build all services
npm run build# One-time bootstrap: creates Terraform state backend + GitHub Actions OIDC secrets
./scripts/bootstrap-backend.sh
# Then trigger infrastructure provisioning (includes cluster add-ons setup)
gh workflow run infrastructure.yml -f environment=dev -f action=applyocto-eshop-demo/
├── services/ # Microservices (npm workspaces)
│ ├── frontend/ # React SPA
│ ├── user-service/ # Authentication & profiles
│ ├── product-service/ # Bicycle catalog
│ ├── cart-service/ # Shopping cart (Redis)
│ ├── order-service/ # Order lifecycle
│ └── payment-service/ # Mock payment gateway
├── shared/ # Shared packages
│ ├── types/ # @octo-eshop/types
│ └── utils/ # @octo-eshop/utils
├── infrastructure/ # Terraform (Azure)
├── kubernetes/ # K8s manifests & cluster setup
├── helm/ # Helm charts (one per service)
├── .devcontainer/ # GitHub Codespaces / devcontainer config
├── docs/ # Architecture & pipeline docs
└── scripts/ # Bootstrap & utility scripts
| Document | Description |
|---|---|
| 📖 Demo Site | Interactive Copilot demo guides and presenter resources |
| Azure Architecture | Infrastructure design, Azure services, network topology |
| CI/CD Pipeline | Workflows, deployment strategy, operational runbook |
| Codespaces ↔ Azure via OpenVPN P2S | Optional dev-only tunnel from a Codespace into private dev PostgreSQL via Azure VPN Gateway |
| Agentic Workflows | Copilot demo automation — architecture, the coding-agent approval gate, and gh-aw gotchas |