How this project works
Architecture, stack, and design decisions in one place.
This demo keeps the stack intentionally compact so React Router, Hono, Vanilla Extract, and typed request flows stay easy to inspect instead of disappearing behind abstraction.
Stack and roles
Interface
React 19- Interface components.
TypeScript- Static types across the application.
Base UI- Accessible, unstyled UI components.
Vanilla Extract- Typed styles and light/dark theme tokens.
inlang- Localization and compiled messages through Paraglide.
Iconify- Shared UI icon components.
Font Awesome 7- The icon collection used by the interface.
Routing and APIs
React Router 8- Routes, loaders, actions, and server rendering.
Hono- Lightweight web framework for HTTP endpoints and typed RPC.
Execution
Cloudflare Workers- Runs the application at the edge.
WebAssembly- Runs compiled modules in the browser.
Rust- Powers the WebAssembly tools and Rust workers.
Development tools
Vite- Development server and production builds.
Node.js- Runs development and build tooling.
Design choices
Fast iteration
Vite for development and production builds.
Typed boundaries
TypeScript across routes, loaders, actions, and Hono RPC.
Responsive UI
Shared breakpoints and light/dark theme tokens.