# CLQMS Frontend Project Overview

- Purpose: Frontend for Clinical Laboratory Quality Management System (CLQMS), handling authenticated lab quality workflows.
- App type: SvelteKit SPA/static frontend that talks to backend API.
- Backend dependency: API expected at `http://localhost:8000` in development; `/api` is proxied in Vite.
- Auth model: JWT-based auth with automatic redirect to `/login` on 401.
- Main docs: `README.md`, `AGENTS.md`, `DEPLOY.md`.

## Tech stack

- SvelteKit `^2.50.2`
- Svelte `^5.49.2` with runes (`$props`, `$state`, `$derived`, `$effect`, `$bindable`)
- Vite `^7.3.1`
- Tailwind CSS 4 + DaisyUI 5
- Lucide Svelte icons
- Package manager: pnpm
- Module system: ES Modules (`"type": "module"`)

## Rough structure

- `src/lib/api/` API client and feature endpoints
- `src/lib/stores/` shared stores (auth, config, valuesets)
- `src/lib/components/` reusable UI (Modal, DataTable, Sidebar)
- `src/lib/utils/` helpers and toast utilities
- `src/lib/types/` TS type definitions
- `src/routes/(app)/` authenticated pages (`dashboard`, `patients`, `master-data`)
- `src/routes/login/` public login route
- `static/` static assets
- `build/` production output