Saltar al contenido principal
GitHub
PROJECT // 02

Recordatorios PWA

Offline-First Sync & MCP Agent Server

React
TypeScript
PWA
Vista del proyecto

Recordatorios PWA

Offline-First Sync & MCP Agent Server

Abrir en otra pestaña

Desplaza para Entrar

El Desafío

Gestor de tareas y recordatorios de alto rendimiento con arquitectura offline-first. Soporta procesamiento de tareas en lenguaje natural, sincronización en segundo plano con IndexedDB y un servidor Model Context Protocol (MCP) que permite a asistentes de IA interactuar directamente con las tareas.

Stack Tecnológico

React
01
TypeScript
02
PWA
03
Zustand
04
Prisma
05
PostgreSQL
06
MCP
07

Algoritmo de Cola de Mutaciones Offline & Reconexión

Las mutaciones locales se persisten instantáneamente en IndexedDB con marcas de tiempo lógicas. Al reconectar la red, un motor de resolución de conflictos LWW aplica las mutaciones a PostgreSQL mediante Prisma sin bloquear la interfaz.

IndexedDB + Node/Express + Prisma PostgreSQL + MCP

Pila desacoplada con frontend en React y Zustand, API REST con Express y Prisma, y un endpoint stdio/SSE MCP que expone herramientas para agentes inteligentes.

taskSync.engine.ts — Mutation Pipeline
// taskSync.engine.ts — PWA Offline-First & MCP Core
export const syncTaskQueue = async (localQueue: TaskMutation[]) => {
  const db = await openIndexedDB("tasks_store", 1);
  const pending = await db.getAll("mutations");
  for (const mutation of pending) {
    try {
      const res = await fetch("/api/tasks/sync", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify(mutation),
      });
      if (res.ok) await db.delete("mutations", mutation.id);
    } catch (err) {
      console.warn("Offline mutation buffered for reconnect", err);
    }
  }
};

Conclusión del Proyecto

Productividad Instantánea y Latencia Cero

La aplicación carga en menos de 100ms gracias a los Service Workers de la PWA, funciona al 100% sin conexión y permite delegar tareas a agentes IA.