CompletadoDestacado2024-03

Xavi Habits Web

SPA de seguimiento de hábitos con reordenamiento drag-and-drop, notas de texto enriquecido y persistencia offline.

Sobre el proyecto

App de página única moderna para seguimiento de hábitos personales, construida con React, TypeScript y Vite. Usa Zustand para estado global con persistencia en localStorage, TanStack Query con persister async-storage para estado del servidor con capacidad offline, y DnD Kit para reordenamiento de hábitos por arrastre. Las notas soportan texto enriquecido vía TipTap (con salida Markdown). Framer Motion gestiona las transiciones animadas y Sass Modules mantienen los estilos encapsulados. El proyecto sigue convenciones estrictas: capa de API tipada, tests co-localizados y cumplimiento completo de ESLint + Prettier + TypeScript en modo estricto.

Tecnologías

ReactTypeScriptViteZustandTanStack QueryTipTapDnD KitFramer MotionSass