Loading
Next.jsTypeScriptSaaSHealthcareTailwind CSS
Bittsi Vet PIMS
A specialized Practice Information Management System (PIMS) built for busy veterinary facilities. It coordinates dynamic doctor scheduling, multi-pet clinical treatment sheets, inventory movement, and invoice workflows with zero operational friction.
Project Info
RoleFrontend Engineer
Timeline3 Months
Core Tech
Next.jsTypeScriptSaaSHealthcareTailwind CSS
The Challenge
Transitioning clinical staff accustomed to paper and legacy desktop software into a browser platform without steep learning curves or appointment scheduling delays.
The Solution
Engineered a drag-and-drop interactive calendar with real-time room conflict detection. Minimized UI complexity through progressive disclosure patterns and strict responsive breakpoints.
Drag-and-Drop Appointment Orchestration
Real-Time Multi-User Clinical Records
Automated Invoicing & Service Cost Calculations
Progressive Form Systems with Instant Validation
System Architecture & Data Flow
Scheduling Engine01
Interactive Matrix
Renders high-density calendar grids with sub-millisecond drag hit-testing.
Record Store02
Transactional State
Maintains patient history changes locally prior to transactional server commits.
Security Guard03
Sanitized Viewport
Protects patient medical records through strict layout boundary controls.
Key Impact & Outcomes
- Reception Desk Speed
- 2.5x Faster
- Scheduling Conflicts
- Zero Overlaps
- Lighthouse Score
- 95+
Reduced patient intake and appointment booking time from 5 to 2 minutes.
Client-side overlap heuristics completely eliminated double-booked rooms.
Engineered lightweight UI modules maximizing mobile client performance.
Performance Benchmarks (Before vs. After)
Calendar View Switch Time-92%
Before850ms
After65ms
Form Input Error Rate-85%
Before28%
After4%
First Input Delay (FID)-89%
Before110ms
After12ms
Engineering Decisions & Trade-offs
Lightweight custom CSS Grid calendar engine
Avoided 180 KB of unused vendor bundle bloat and gained full layout control over veterinary-specific slot calculations.
Tabular clinical workflows over modal-heavy popups
Veterinarians frequently cross-reference lab results with dosage history; side-by-side tabs prevented disruptive context loss.
Interface Showcase
Interactive inspection of high-fidelity views
bittsi.com
Click to expand
Up Next
StreamVibe
View Case Study