CLINIC SYSTEM — 2025 | Haru Li

DETAIL

The problem

Booking and consultation records at an aesthetic clinic involve long forms with many fields, where invalid input has to be caught before submission. Staff also needed reusable message templates for fast replies.

Approach

Owned the frontend design and implementation of three core modules. The booking / consultation flow uses React Hook Form + Zod for multi-step validation, with TanStack Query handling async data. The account module provides full create, edit and permission-setting interfaces with CRUD wired to the API. The canned-message module manages reusable templates for the clinic staff's quick-reply scenario.

TECH STACK //

ReactTypeScriptReact Hook FormZodTanStack Query