Un gestor de tareas y proyectos generativo que combina la simplicidad del lenguaje natural con visualizaciones orgánicas e intuitivas. Diseñado para fluir con tu mente, no contra ella.
The Flow OS es una aplicación de gestión de tareas y productividad que revoluciona la forma en que organizas tu trabajo. Olvídate de formularios complejos y interfaces rígidas: aquí solo escribes lo que necesitas hacer en lenguaje natural, y The Flow se encarga del resto.
- Entrada sin fricción: Escribe "Llamar a angie mañana urgente" y automáticamente se parsea la fecha, prioridad y tarea
- Visualización orgánica: Tus tareas flotan como burbujas en un espacio 2D, priorizadas visualmente
- Múltiples perspectivas: Alterna entre Focus Mode, Kanban, Lista y Calendario según tu momento
- Pomodoro integrado: Trabaja con técnicas de tiempo sin salir de tu flujo
El corazón de The Flow. Tus tareas flotan orgánicamente en el espacio, las más urgentes destacan visualmente. Arrastra para priorizar, click para entrar en modo Pomodoro.
Organiza tu flujo de trabajo en columnas: Pendientes → Por Hacer Hoy → En Proceso → Hecho
Visualiza tus proyectos en el tiempo. Planifica tu mes con una vista clara de todas tus tareas programadas.
Cuando necesitas una visión completa y directa de todas tus tareas.
Configura tu flujo: auto-inicio de Pomodoro, inicio de semana, y más.
- Entrada intuitiva: Escribe en español natural
- Detección automática de fechas: "mañana", "viernes próximo", "en 3 días"
- Reconocimiento de prioridades: palabras como "urgente", "importante", "asap"
- Parsing local: Rápido y sin necesidad de conexión
- 🎯 Focus Mode: Burbujas interactivas y orgánicas para máxima concentración
- 📋 Kanban: Tablero de columnas drag & drop
- 📝 Lista: Vista compacta de todas las tareas
- 📅 Calendario: Planificación temporal de proyectos
- Temporizador de 25 minutos
- Auto-inicio configurable
- Controles play/pause/reset
- Edición de tareas en tiempo real durante el focus
- Agrupa tareas por proyectos
- Colores personalizables
- Vista de calendario por proyecto
- Filtrado y organización
- Atajos de teclado:
Ctrl/Cmd + Spacepara crear tareas rápidamente - Drag & Drop: Reorganiza tareas intuitivamente
- Animaciones fluidas: Transiciones elegantes con Framer Motion
- Diseño oscuro: Interface moderna y agradable a la vista
- Responsive: Funciona en cualquier dispositivo
- Persistencia local: Base de datos SQLite
- Sin dependencias de API externas: Funciona offline
- Sincronización inmediata: Updates optimistas para respuesta instantánea
- TypeScript: Completamente tipado
- React 19 - UI Library
- TypeScript - Type Safety
- Vite - Build Tool & Dev Server
- Tailwind CSS 4 - Styling
- Framer Motion - Animaciones
- @dnd-kit - Drag & Drop
- Express - Server
- Better-SQLite3 - Database
- Chrono-node - Parser de fechas en lenguaje natural
- date-fns - Manipulación de fechas
- Lucide React - Iconos
- Google Gemini AI - (Opcional) Mejoras de NLP
- Node.js 18 o superior
- npm o pnpm
- Clona el repositorio
git clone https://github.com/tuusuario/airflow.git
cd airflow- Instala las dependencias
npm install- Configura el entorno (Opcional)
# Crea un archivo .env si quieres usar Google Gemini
echo "GEMINI_API_KEY=tu_clave_aqui" > .env- Inicia el servidor de desarrollo
npm run dev- Abre tu navegador
http://localhost:5173
- Presiona
Ctrl + Space(oCmd + Spaceen Mac) - Escribe tu tarea en lenguaje natural:
Llamar a angie mañana urgenteReunión con el equipo el viernes a las 3pmComprar leche hoy
- Presiona Enter
- ⚡ Focus Mode: Para concentración profunda
- 📋 Kanban: Para flujo de trabajo visual
- 📝 Lista: Para vista completa
- 📅 Calendario: Para planificación temporal
- Click en cualquier tarea para entrar en Focus Mode
- El timer inicia automáticamente (o manualmente si lo desactivaste)
- Trabaja durante 25 minutos
- Marca como completada cuando termines
- Arrastra y suelta para reorganizar prioridades
- Click derecho para opciones avanzadas
- Drag entre columnas en modo Kanban para cambiar estados
airFlow/
├── src/
│ ├── components/
│ │ ├── CalendarView.tsx # Vista de calendario
│ │ ├── CommandBar.tsx # Barra de comandos (Ctrl+Space)
│ │ ├── FocusMode.tsx # Modo enfoque con Pomodoro
│ │ ├── KanbanCard.tsx # Tarjetas del tablero Kanban
│ │ └── TaskBubble.tsx # Burbujas de tareas
│ ├── services/
│ │ ├── nlpService.ts # Procesamiento de lenguaje natural
│ │ └── geminiService.ts # Integración con Gemini AI
│ ├── App.tsx # Componente principal
│ ├── types.ts # Definiciones de tipos
│ └── main.tsx # Entry point
├── server.ts # Servidor Express + SQLite
├── package.json
└── README.md
- Auto-inicio de Pomodoro: Inicia el timer automáticamente al entrar en Focus Mode
- Inicio de semana: Elige entre Lunes o Domingo
- Temas (próximamente): Personaliza colores y apariencia
¡Las contribuciones son bienvenidas! Si tienes ideas para mejorar The Flow OS:
- Fork el proyecto
- Crea una rama para tu feature (
git checkout -b feature/AmazingFeature) - Commit tus cambios (
git commit -m 'Add some AmazingFeature') - Push a la rama (
git push origin feature/AmazingFeature) - Abre un Pull Request
Este proyecto está bajo la Licencia MIT. Ver el archivo LICENSE para más detalles.
¿Preguntas? ¿Sugerencias? ¿Feedback?
- GitHub Issues: Crear un issue
- Email: ospinajohnjames@gmail.com
Hecho con ❤️ para fluir mejor
⭐ Star este repo si te resultó útil