Skip to main content

System Architecture Diagram

This diagram provides a simplified overview of the Photobooth Web App's architecture.

It is primarily a runtime topology diagram. It does not define code ownership or layering rules inside the repository.

Architecture Highlights​

  • Frontend: Next.js App Router for UI and routing.
  • State: Zustand for light and fast local storage.
  • Processing: Offloaded to Web Workers for smooth performance.
  • API: Hono running on Cloudflare Workers (Edge runtime).
  • Runtime: Bun for faster development and optimized builds.
  • Hardware: Bluetooth printing via specialized libraries.

Code Ownership and Layering​

The repository's target code ownership model is documented in RFC-008.

The runtime diagram above shows where code executes. The diagram below shows where responsibilities should live in the codebase.