96-Well Plate Simulator
Built for laboratory professionals who need precise cell distribution calculations. Combines Vue 3's reactivity with Vuetify's Material Design to create an intuitive tool for drug discovery workflows.
Key Features
Interactive 96-well plate visualization with real-time visual feedback
Suspension calculator with dilution factor and concentration calculations
Multi-channel pipette modes: single, 8-channel, and 12-channel operations
Real-time statistics tracking: wells filled, total volume, cell counts, remaining suspension
Volume validation ensuring wells don't exceed 340 μl maximum capacity
Enhanced tooltips with mode-specific information and hover effects
Fill All and Clear Plate functions for batch operations
Comprehensive testing suite with 36 unit tests covering mathematical accuracy
Technical Architecture
Frontend Framework
State Management
Testing
Laboratory Features
UI/UX
Technical Challenges
Accurate mathematical modeling of laboratory dilution calculations and cell distribution
Creating intuitive multi-channel pipette modes that mirror real laboratory workflows
Implementing robust validation to prevent calculation errors that could affect experiments
Designing visual feedback that clearly communicates well states and pipetting actions
Building comprehensive test coverage for mathematical accuracy crucial to laboratory applications
Results & Outcomes
Created practical laboratory tool used by cell culture specialists
Achieved 36 passing tests with 100% coverage of mathematical calculations
Implemented three distinct pipetting modes matching real laboratory equipment
Built responsive interface that works on both desktop and mobile laboratory environments
Demonstrated Vue 3 Composition API expertise with complex state management
Established deployment pipeline with Netlify for reliable laboratory access