made with Svelte

Tomatillo Timer

Pomodoro Timer

Visit Site

Description

Pomodoro Timer

"Tomatillo Timer is the pomodoro timer with flavor. It's highly configurable and aesthetically pleasing. It syncs music with your study sessions to keep you focused and eliminate distractions.

Tech Stack:

  • Svelte 5 (Making heavy use of runes)
  • Valibot (For static types and run-time validation)
  • PicoCSS (For styling)

Tomatillo Timer is a small and efficient project made with Svelte 5. All state is passed through Valibot parse. Which creates static typescript types and validates those types at run-time. The application saves configuration and other various state to local storage. This is relatively easy using the reactivity of runes in conjunction with Valibot to essentially create a type-safe local storage.

This significantly improves the developer experience because even though most state comes from local-storage (which is not type-safe), the developer can trust that the value will always match it's compile time type at run-time."


Creator

Vagabond Software
@VagabondCoding


Social Media Links

SvelteMark Open-source Local-only Markdown Editor
icon-eye-dark Created with Sketch. 164
Duplicate Word Finder Find Duplicate Words in Texts
icon-eye-dark Created with Sketch. 615
Sentry for Svelte Svelte Error & Performance Monitoring
🧑 Sponsored by Friends
We’re hosting on Digital Ocean! πŸ’™ Try it today and get a free $100 credit.
Fluid Type Scale Calculator Generate Font Size Variables
icon-eye-dark Created with Sketch. 263
QuickBudget Budgeting App
icon-eye-dark Created with Sketch. 3.576