Skip to content

FrontendArchitectureIndex

Paulo Gomes da Cruz Junior edited this page Oct 23, 2026 · 3 revisions

Frontend Architecture Documentation

Human-facing index for frontend architecture docs.

Architecture Docs

Document Description
[Frontend Architecture Overview](Frontend Architecture Overview) Stack, identity, and high-level architecture of the Waste Plus frontend.
[Frontend Structure](Frontend Structure) Code structure tree and directory layout.
Authentication Authentication and authorization with FAM.
[Contexts and hooks](Contexts and hooks) React context providers and custom hooks.
[Notification Events](Notification Events) Notification event system for the frontend.
[Progressive Web App](Progressive Web App) PWA guide for offline capabilities.
[React Query](React Query) TanStack React Query integration.
[Requests and APIs](Requests and APIs) API communication patterns.
Roles Role-based access control implementation.
Routing File-based routing with TanStack Router: route files, generated tree, layout gates, and how-tos.
Theme BC Government theme using Carbon Design System.

Waste Plus Wiki

Home

Architecture

Codes

Decisions

Knowledge Base

Development

Changes

Clone this wiki locally