Clinic Registry Frontend

Frontend for clinic-registry.

This project was built as a diploma work project at Russian-Tajik (Slavonic) University, paired with the clinic-registry-backend service.

Features

• Authentication via cookie-based access token
• Patient registry with search and pagination
• Medical records with multi-procedure support
• Procedures and procedure categories management
• User management
• Audit logs with filtering
• Dashboard overview

Tech Stack

• SvelteKit (Svelte 5)
• TypeScript
• Tailwind CSS v4
• shadcn-svelte (bits-ui)
• pnpm as package manager

Requirements

• Node.js
• pnpm (packageManager: [email protected])
• A running clinic-registry-backend instance

Environment Variables

Minimal .env:

API_BASE_URL=http://localhost:8000

API_BASE_URL defaults to http://localhost:8000 if unset. Auth uses an access_token cookie issued by the backend's login flow.

Installation

Install dependencies:

pnpm install

Start the dev server:

pnpm dev

The app is served on http://localhost:5173 by default.

Production build:

pnpm build
pnpm preview

Quality Checks

Run before opening a PR:

pnpm check       # svelte-check against tsconfig.json
pnpm lint        # ESLint (lint:fix to autofix)
pnpm format      # Prettier (format:fix to write)

Project Structure

src/
├── lib/
│   ├── components/ui/   # shadcn-svelte primitives (bits-ui)
│   ├── features/        # Feature modules (patients, medical-records, procedures, ...)
│   ├── schemas/         # Zod schemas shared across features
│   ├── shared/api/      # API client + per-resource endpoints
│   ├── server/          # Server-only config
│   └── layout/          # Sidebar and shared layout pieces
└── routes/              # SvelteKit routes

License

Distributed under the MIT License. See LICENSE for details.