AnTrack
Tareas y hábitos. Una app rápida, local-first, con captura por lenguaje natural y seguimiento de rachas.
¿Qué es AnTrack?
AnTrack es una aplicación web para gestionar tareas y hábitos del día a día. Local-first: todo lo que escribes se guarda en el localStorage del navegador y la app funciona sin conexión después del primer arranque. Opcionalmente puedes iniciar sesión con Google para sincronizar entre dispositivos vía Firebase Firestore.
Tres ideas guían el producto:
- 📥 Inbox — captura tareas sin pensar dónde guardarlas
- ☀️ Hoy — vista virtual con todas las tareas vencidas y de hoy, atravesando proyectos
- ⚡ Captura rápida — añade tareas desde cualquier sitio con
Ctrl+Shift+Espacio
Características
Tareas
- Crear, completar, eliminar (con deshacer), renombrar inline
- Subtareas anidadas
- Nota libre por tarea (hasta 3.000 palabras)
- Prioridad — marcador único de "importante" (sin niveles P1/P2/P3)
- Fechas límite, con hora opcional e indicador visual de vencimiento
- Recurrencia con presets (diario / semanal / quincenal / mensual / personalizado)
- Recordatorios puntuales por tarea (notificación del SO cuando llega la hora)
- Filtros: todas · pendientes · hechas · vencidas · hoy · sin fecha · importantes
- Ordenación manual (drag) · por prioridad · por fecha · alfabético
- Multi-selección para acciones en lote (completar, mover, eliminar)
- Estilo de fila a elegir — tarjetas o filas planas ("limpio") — y diseño a 1 o 2 columnas
Lenguaje natural en el input
Al escribir una nueva tarea, el parser detecta automáticamente:
Pagar gimnasio cada mes p1
↓
texto: "Pagar gimnasio"
recurrencia: mensual (30 días)
prioridad: importante
| Patrón | Ejemplo |
|---|
| Fechas | hoy, mañana, viernes, el lunes, en 3 días, 15/3 |
| Recurrencia | todos los lunes, cada 2 días, mensualmente, quincenalmente |
| Prioridad | p1 (marca la tarea como importante — sin niveles) |
Chips de preview en vivo muestran lo detectado mientras escribes.
Hábitos
- Crear y rastrear hábitos diarios o cada N días
- Historial visual: mapa de calor del último año + estadísticas por periodo (7/30/90 días)
- Racha y porcentaje para cada hábito
- Sincronización inteligente: marcas de dispositivos distintos se unen sin conflictos
- Resumen agregado: proporción de hábitos completados y días perfectos
- Filtro por período que afecta resumen y porcentajes (el mapa siempre muestra el año completo)
Organización
- Proyectos múltiples con sidebar y secciones colapsables
- Proyecto Inbox auto-creado y fijado al tope — destino fallback para captura
- Plantillas de proyecto: 6 listas para arrancar rápido (mudanza, viaje, nuevo trabajo, curso, trámites médicos, evento)
- Vistas: Hoy · Hábitos · Actividad · Lista
- Archivado de proyectos
- Búsqueda global (Cmd/Ctrl + K) — tareas, con resaltado de coincidencias
- Exportar / Importar todo el workspace como
.json
Notificaciones
- Avisos diarios a las horas que configures (puedes definir varias)
- Recordatorios puntuales por tarea
- Click en la notificación → te lleva a la tarea correspondiente
Personalización
- Tema oscuro / claro con animación radial al cambiar (View Transitions API)
- 6 colores de acento a elegir (oliva, arcilla, terracota, miel, marea, vino)
- Español / English, autodetectado por idioma del navegador
- Instalable como PWA — funciona offline
- Onboarding guiado la primera vez
Atajos de teclado
| Atajo | Acción |
|---|
Ctrl/Cmd + K | Búsqueda global |
Ctrl/Cmd + Shift + Espacio | Captura rápida (al Inbox o al proyecto activo) |
Ctrl/Cmd + B | Mostrar/ocultar sidebar |
S | Crear nueva sección |
? | Ver todos los atajos |
Uso
Requisitos: Node.js 18+ y npm.
# 1. Instala dependencias (solo la primera vez)
npm install
# 2. Modo desarrollo (con hot-reload)
npm run dev # arranca en http://localhost:5173
# 3. Build de producción
npm run build # genera /dist con todo bundleado y minificado
# 4. Previsualizar el build
npm run preview
# 5. Type-check vía JSDoc
npm run typecheck
Para desplegar en cualquier hosting estático (Netlify, Vercel, GitHub Pages, S3…) sube el contenido de dist/.
Tests
npm test # unit tests (Vitest)
npm run test:watch # unit tests en watch mode
npm run test:coverage # con cobertura
npm run test:e2e # e2e (Playwright) — arranca el dev server automáticamente
npm run test:e2e:ui # e2e con la UI interactiva de Playwright
Cada push/PR a main corre build + unit + e2e + npm audit en GitHub Actions (.github/workflows/ci.yml).
Instalar como PWA
En navegadores Chromium aparece el botón Instalar en la barra de direcciones.
En Safari: Compartir → Añadir a pantalla de inicio.
Una vez instalada, la aplicación funciona completamente sin conexión.
以上为 README 的开头部分。其余内容请阅读原文。 查看完整 README ↗
