ZenFlow: Código con vibra de novato en desarrollo web

Hola a todos, acabo de presentar mi primer proyecto de app: ZenFlow, un planificador diario minimalista que funciona en el navegador y como aplicación de escritorio para macOS gracias a Tauri 2.

Lo más curioso es que llegué con cero experiencia en desarrollo web. Sin formación formal ni hoja de ruta, solo intuición y ganas de aprender. Si yo pude, cualquiera puede.

Qué es ZenFlow

ZenFlow es un planificador diario pensado para claridad y enfoque. Incluye páginas como Hoy, Calendario, Hábitos, Enfoque Pomodoro y Diario; sonidos ambientales como lluvia, bosque, océano, cafetería y ruido marrón con control de volumen; notificaciones nativas y recordatorios programados en escritorio gracias a Tauri; almacenamiento local first con Tauri Store en desktop y fallback a localStorage en la versión web; y una apariencia limpia construida con Next.js, React, TypeScript, Tailwind y los iconos de Lucide.

Cómo lo hice paso a paso siendo principiante

Descubrí Next.js, React y Tailwind y me lancé. Fui creando páginas como Hoy, Hábitos y Diario con mucha prueba y error. Para el ambiente sonoro, añadí unos MP3 y un contexto global y listo: buenas vibras. El temporizador Pomodoro combina un contador, un sistema de notificaciones y un sonido de campana para mantener el foco. El almacenamiento mezcla plugins, lógica de fallback y ajustes finos, pero funciona sólido tanto en web como en escritorio.

Qué puede hacer hoy

Arrancar el día con una vista de Hoy clara y directa, revisar el Calendario de un vistazo, registrar Hábitos y ver rachas, concentrarte con Enfoque Pomodoro y audio ambiental con estadísticas básicas, escribir en el Diario para reflexionar, y configurar recordatorios con notificaciones reales en escritorio.

La pila tecnológica que aprendí por el camino

Next.js 15 y React 18 con TypeScript, Tauri 2 para el envoltorio de escritorio con notificaciones, almacenamiento, SQLite y sistema de archivos, Tailwind CSS y Lucide para un diseño minimalista, además de date-fns, clsx y una configuración de almacenamiento local first.

Capturas

El proyecto incluye vistas de Hoy, Calendario, Hábitos, Enfoque y Diario, además de Configuración con notificaciones. En el repositorio puedes ver ejemplos y la evolución visual del producto.

Construido con IA de verdad

No construí ZenFlow en solitario. El proyecto se co-creó con herramientas de IA: GitHub Copilot como asistente de autocompletado en el editor, ChatGPT 5 para arquitectura, depuración y documentación, y Claude 4 para lluvia de ideas, planificación y pulido de contenido. La exploración de la interfaz se apoyó en Google Stitch. Sin estas herramientas, ZenFlow no existiría: no es solo asistido por IA, es un proyecto construido con IA.

Resumen rápido

ZenFlow es un planificador minimalista con audio ambiental, modo Pomodoro, diario e historial de hábitos, notificaciones y recordatorios, y almacenamiento local first, hecho por alguien que sabía casi nada de desarrollo web.

Puedes ver el código y las instrucciones en ZenFlow en GitHub.

Sobre Q2BSTUDIO

En Q2BSTUDIO desarrollamos software a medida y aplicaciones a medida multiplataforma para que ideas como ZenFlow se conviertan en productos reales, escalables y seguros. Descubre nuestro enfoque integral en software a medida y aplicaciones a medida.

Somos especialistas en inteligencia artificial e ia para empresas, creación de agentes IA y automatización de procesos, integrando modelos avanzados, copilotos y analítica. Conoce cómo aplicamos la IA a tus soluciones en soluciones de inteligencia artificial.

También ofrecemos ciberseguridad y pentesting, servicios cloud aws y azure, y servicios inteligencia de negocio con power bi para dar soporte extremo a extremo, desde la idea hasta la operación en producción. Si quieres llevar tu próxima app de productividad al siguiente nivel con prácticas modernas, observabilidad y rendimiento, hablemos en Q2BSTUDIO.