Kalanban es una aplicación web tipo Trello que permite organizar tareas de forma visual usando columnas, tarjetas y movimiento por drag and drop. Está desarrollada con React, Tailwind, TypeScript y Vite. Ideal como portafolio, proyecto práctico o herramienta personal.
- React — Librería para construir interfaces de usuario
- Tailwind CSS — Utilidades de estilos para diseño responsive
- TypeScript — Tipado estático para mayor seguridad en el código
- Vite — Entorno moderno de desarrollo ultra rápido
- Pragmatic Drag and Drop (Atlaskit) — Drag & drop entre columnas sin complicaciones
- Crear, editar y eliminar tareas
- Drag and drop de tareas entre columnas
- Persistencia de datos con localStorage (aunque recargues la página)
- Modo oscuro / claro según preferencia de usuario o sistema
- Interfaz responsiva y amigable
- Animaciones con Framer Motion para transiciones suaves
- Modales de confirmación reutilizables
- Tooltips personalizados con estilos temáticos
- Guardado automático sin servidor
- Clona el repositorio:
git clone https://github.com/alanortiz-dev/kalanban.git- Entra a la carpeta del proyecto:
cd kalanban- Instala las dependencias y ejecuta en modo desarrollo:
npm install
npm run devNo necesitas una API externa para correr este proyecto. Todo se guarda localmente.
- Manejo de estado en React con hooks
- Drag & drop entre componentes con
@atlaskit/pragmatic-drag-and-drop - Uso de
useLocalStoragepara persistencia de datos - Diseño limpio y modular con Tailwind
- Cómo estructurar un pequeño proyecto de forma profesional
Puedes probar la app directamente aquí: 👉 Kalanban en Vercel
Si te gustó este proyecto, no dudes en conectar conmigo:
📧 alan.omar.ortz@gmail.com
🌐 LinkedIn
Hecho con cariño por Alan Ortiz (alanortizdev) ✨