\
An interactive, widescreen “paper replica” spreadsheet dashboard built to automate split shifts, monthly attendance ratios, and government auditing for childcare facilities.
-
🔗
Live Demo:
Open Sandbox Demo -
🛠️
Tech Stack:
JavaScript (ES6), HTML5, CSS3, jQuery, LocalStorage API, WordPress Core API
🛑 The Challenge
Childcare operations required tracking complex split shifts, computing provincial wage top-ups, and exporting clean landscape logs for licensing audits. Doing this manually on paper led to calculation errors and took administrators hours each week.
💡 The Solution
- Smart Input Parser: Users type simple shift strings (e.g.,
7-9or2:30-6) which the JS engine automatically parses, sorts chronologically, and logs. - Automated Wage Adjustments: Instantly calculates provincial wage top-up brackets based on employee certification tiers.
- High-Fidelity PDF Exports: Custom print styles format digital records into landscape physical ledger replicas with digital stamp grids.
- Gamified Onboarding: Built a digital achievement stamp book that eases training and drives system adoption.
- Decoupled Portfolio Demo: Engineered a mock client-side database layer utilizing browser
localStorageto showcase the app’s full capabilities without server dependencies.
📈 The Result
✅ Reduced administrative payroll compilation times from 3 hours down to 10 minutes while maintaining 100% data validation accuracy.