mahdahar
f0f5889df4
- Create TestModal component with tabbed interface for test creation/editing - Add BasicInfoForm for test metadata (name, code, category, etc.) - Implement multiple reference range types: * NumericRefRange for numeric value ranges * TextRefRange for qualitative results * ThresholdRefRange for threshold-based results * ValueSetRefRange for predefined value sets - Add ReferenceRangeSection to manage all reference range types - Create config store for application configuration management - Add static config.json for environment settings - Update DataTable styling - Refactor tests page to integrate new TestModal - Add reference range utility functions - Include comprehensive test types documentation
CLQMS Frontend
Clinical Laboratory Quality Management System (CLQMS) - SvelteKit frontend application.
Tech Stack
- Framework: SvelteKit 2.50.2 with Svelte 5 (runes)
- Styling: Tailwind CSS 4 + DaisyUI 5
- Icons: Lucide Svelte
- Build Tool: Vite 7.3.1
- Package Manager: pnpm
Prerequisites
- Node.js 18+
- pnpm (
npm install -g pnpm) - Backend API running on
http://localhost:8000
Setup
# Install dependencies
pnpm install
# Create environment file
cp .env.example .env
Development Commands
# Start development server
pnpm run dev
# Build for production
pnpm run build
# Preview production build
pnpm run preview
# Sync SvelteKit (runs automatically on install)
pnpm run prepare
Project Structure
src/
lib/
api/ # API client and endpoints
stores/ # Svelte stores (auth, valuesets)
components/ # Reusable components
utils/ # Utility functions
routes/ # SvelteKit routes
(app)/ # Authenticated routes
dashboard/
patients/
master-data/
login/ # Public routes
API Configuration
API requests to /api are proxied to http://localhost:8000 in development (configured in vite.config.js).
Authentication
JWT-based authentication with automatic redirect to /login on 401 responses.
Code Style
See AGENTS.md for detailed coding guidelines.