Kerodai

Problema

Catalogar una colección en Discogs puede suponer años de trabajo, pero esa información queda vinculada a una plataforma externa, sujeta a cambios y pérdida de funcionalidades. Los coleccionistas necesitan una forma independiente de preservar su información, con una experiencia de consulta rápida y totalmente centrada en su colección.

Solución

Kerodai conecta y sincroniza colecciones de Discogs o importa sus datos mediante CSV, incluso con varios miles de discos. La información se consulta en vista de tabla o tarjetas, con búsqueda, filtros y ordenación de resultados. Incluye estadísticas de la colección, creación de listas y permite descargar en Excel o PDF la colección completa, los resultados con filtros aplicados y las listas creadas, con portadas incluidas. Como el CSV de Discogs no incluye imágenes, Kerodai genera portadas deterministas para dar identidad gráfica a cada disco, en la web y las descargas.

Arquitectura Técnica

• • Frontend en React + TypeScript con separación entre componentes, hooks, servicios, esquemas y utilidades
• • Modelo de dominio validado con Zod y capa DTO/Mapper que desacopla los datos de entrada de la lógica interna
• • Supabase + PostgreSQL + Edge Functions con OAuth 1.0a y sincronización paginada
• • Seguridad mediante RLS y cifrado de tokens, sin exponer credenciales de Discogs en el cliente
• • Gestión de varios miles de registros con TanStack Table: paginación, carga progresiva y persistencia local
• • Exportación de archivos client-side mediante ExcelJS y @react-pdf/renderer
• • Portadas generativas rasterizadas con html-to-image para las exportaciones
• • Creación y reordenación de listas con dnd-kit y persistencia local

Competencias Demostradas

• • Transformación de una necesidad real en un producto digital completo
• • Diseño de arquitectura frontend/full-stack mantenible y modular
• • Integración segura con una API externa mediante OAuth
• • Modelado, validación y transformación de datos con capas de dominio
• • Sincronización de datos y persistencia cloud
• • Funcionalidades complejas para manipulación de datos
• • Desarrollo y despliegue de un producto real en producción