Get Started

Frontend Handbook

The frontend handbook is being prepared. The first chapters will land here as they're written.

Coming soon. The frontend handbook will cover the Vue/Nuxt apps in the WINCH suite — patterns shared with the backend (DDD-style organisation, typed payloads, code review conventions) plus the Vue / Vuetify / state-management specifics.

In the meantime, browse the Backend handbook — most architectural ideas (Actions, Contracts, DTOs, the response envelope) have direct frontend analogues that will be documented here as the team formalises them.

Repositories this will cover

business — the customer-facing business app at business.winch.sa
business-nuxt — the Nuxt frontend that consumes the API
ui — the shared Vue 3 + Vuetify component library
tracking — the live tracking dashboard

See the home page for repository links.

Learning Resources

A curated path into the ideas behind the WINCH backend — watch the talk, skim the slides, explore the sample app, then apply it. Plus deep-dive talks on Domain-Driven Design and the move into software architecture.