Graphly
Herramienta personal de visualización de datos que permite crear métricas, registrar entradas y consultar la información mediante gráficos interactivos.
Desarrollada con Next.js y Server Actions para unificar el frontend y el backend en un mismo proyecto. Clerk se encarga de la autenticación, Drizzle ORM y Neon del acceso tipado a la base de datos, y Shadcn/UI de agilizar el desarrollo de la interfaz.
Stack
Next.js · Neon · Drizzle ORM · Clerk · Tailwind CSS · shadcn/ui
Capturas (09)
Pantalla de inicio de sesión.
Panel principal con todas las métricas y su última entrada registrada.
Registro de la entrada de hoy desde el propio panel.
Detalle de una métrica, con su gráfico interactivo y los filtros por rango de fechas.
Filtro por un rango de fechas personalizado.
Registro de una entrada con fecha anterior.
Edición de una entrada ya registrada.
Formulario de creación de una métrica, con su descripción y su unidad de medida.
Ajustes de zona horaria, tema e idioma.