Pomodoro con ambiente de café lluvioso: una herramienta web sin login ni suscripción
Un temporizador Pomodoro que integra sonidos ambientales y una escena visual que se adapta al progreso de la sesión, todo alojado en Cloudflare Pages y sin necesidad de registro.
I Built a Pomodoro Timer That Actually Helps You Focus — With Rainy Cafe Ambience
El proyecto Stillscape llega como una herramienta ligera para la técnica Pomodoro. Se trata de una página web que muestra una ventana de café con lluvia, sonido ambiental y un temporizador integrado. No requiere login, descarga ni suscripción, y se aloja en Cloudflare Pages.
¿Qué ofrece?
- Sonidos: 16 pistas (lluvia, trueno, chimenea, bosque, océano, café, viento y ruido blanco/rojo/pink noise). Cada pista se reproduce con el Web Audio API, se mezcla a través de gain nodes y se crossfada para evitar el bucle perceptible.
- Escena visual: La ventana del café cambia sutilmente mientras avanza la sesión; se anima con CSS y canvas, mostrando partículas de lluvia y luces dinámicas.
- Lista de tareas: Añade tareas en la propia página y marca el progreso sin salir del temporizador.
- Estadísticas: Guarda en LocalStorage cuántas sesiones se completan por día.
- Notificaciones: Se envía una notificación de escritorio cuando empieza el descanso.
- Preajustes: Cambia entre “Deep Focus”, “Writing Mode”, “Rainy Day”, “Sleep Sound”, etc., con un solo clic.
Stack técnico
- Frontend: Vanilla JS + Web Audio API. No frameworks, lo que reduce el peso y acelera el tiempo de carga.
- Hosting: Cloudflare Pages, CDN global, despliegue instantáneo y sin costo.
- Persistencia: LocalStorage para tareas y estadísticas, garantizando que los datos no se envían a ningún servidor.
- Audio: Uso avanzado del Web Audio API para mezclar fuentes, aplicar filtros y crossfading.
Público objetivo
- Trabajadores remotos que quieren ambientar su espacio de trabajo.
- Estudiantes que prefieren ruido de lluvia a silencio.
- Escritores que buscan concentración profunda.
- Personas con ADHD, pues el ruido ambiental puede ayudar a la concentración.
¿Por qué importa?
La mayoría de los temporizadores Pomodoro se quedan en una interfaz simple y monótona. Stillscape añade un contexto sensorial que, según el autor, mejora la capacidad de concentración. Al ser una herramienta sin registro ni datos externos, elimina preocupaciones de privacidad y facilita su adopción en entornos corporativos.
El proyecto demuestra cómo combinar Web Audio API y CSS Canvas para crear experiencias inmersivas sin sobrecargar el cliente. Si tu flujo de trabajo necesita un entorno de concentración, prueba still.sendafun.com.
