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

ZenFlow es un planificador diario minimalista para navegador y escritorio (Tauri) con Hoy, Calendario, Hábitos, Pomodoro, Diario y audio ambiental, con almacenamiento local first y notificaciones.

7 sept 2025 • 3 min de lectura • Equipo Q2BSTUDIO

Inteligencia-Artificial-

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.

¿UNA PAUSA?

Juega un momento antes de irte

NUESTROS SERVICIOS

Cómo podemos ayudarte

Inteligencia artificial

Agentes de IA, chatbots y asistentes inteligentes que automatizan tareas y atienden a tus clientes 24/7 para mejorar la eficiencia de tu negocio.

Más info

Desarrollo de software

Aplicaciones web, móviles y de escritorio, intranets, e-commerce, SaaS y plataformas de gestión diseñadas para las necesidades concretas de tu empresa.

Más info

Servicios cloud

Migración, infraestructura, hosting gestionado, alta disponibilidad y seguridad en Microsoft Azure y Amazon Web Services para que tu negocio escale sin límites.

Más info

Ciberseguridad y pentesting

Auditorías de seguridad, test de intrusión (pentesting) y protección de aplicaciones, datos e infraestructura on-premise y cloud, con hacking ético y cumplimiento normativo.

Más info

Business Intelligence

Cuadros de mando y análisis de datos con Power BI: integramos tus fuentes, diseñamos dashboards y KPIs y convertimos tus datos en decisiones.

Más info

Automatización de procesos

Automatizamos tareas repetitivas y conectamos tus aplicaciones con n8n, Power Automate, Make y RPA, eliminando trabajo manual y aumentando la productividad.

Más info

Formación para empresas

Formamos a tus equipos en tecnología con criterio: desarrollo web, bases de datos, Git, buenas prácticas y seguridad, automatización con n8n, inteligencia artificial para empresas y creación de soluciones de IA con Azure AI Foundry.

Más info

Auditoría de código

Auditamos el código que creas tú, tu equipo o una IA: te decimos qué está bien y qué mejorar, lo securizamos y lo dejamos listo para producción, web o app.

Más info

Generación de imágenes con IA

Creamos por ti las imágenes que necesita tu negocio con inteligencia artificial: producto, redes, publicidad, ilustración y avatares. Tú nos dices qué quieres y te lo entregamos listo para usar.

Más info

Generación de vídeos con IA

Creamos por ti vídeos con inteligencia artificial: promocionales, para redes, presentadores virtuales, doblaje y animaciones. Nos cuentas la idea y te lo entregamos montado y listo para publicar.

Más info

Avatares conversacionales con IA

Creamos avatares conversacionales con IA —humanos digitales con cara y voz— que atienden a tus clientes y equipos con el conocimiento de tu empresa, en tu web, monitores interactivos, WhatsApp o Teams.

Más info

Marketing Online e IA

Google Ads, Meta Ads, LinkedIn Ads y posicionamiento en motores de IA (GEO/AEO): captamos clientes y hacemos que tu marca aparezca donde te buscan, también en ChatGPT, Gemini y Perplexity.

Más info

¿Tienes un proyecto en mente?

Cuéntanos tu visión y la convertimos en una solución de software. Sea cual sea el alcance, hacemos realidad tu idea.

Live Chat