Personal
2026
Pace calculator
A Vue 3 calculator for running pace, distance, and time. Fill any two fields and it solves the third. Distance is meters, kilometers, yards, or miles; pace is always stored per kilometer, then shown in the unit you picked.
The math sits in a pure TypeScript domain — Zod schemas, typed outcomes, no Vue. The UI is Spanish and English, with a dark/light theme that survives reload. The last three distinct calculations live in their own card: tap one and it refills the two known inputs, leaving the unknown empty. That list is unique, capped at three, and kept in localStorage.
Stack is Vue 3, TypeScript, Vite, Tailwind CSS, and Zod. Tests are Vitest in CI. Accessibility covers labeled fields and named unit selects; on a phone the layout uses the full width and a keyboard that can type 4:30. Canonical host is Vercel; GitHub Pages still redirects there.
- Vue
- TypeScript
- Vite
- Tailwind CSS
- Zod
- Vitest