Skip to content

SantiVentri/trello-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

60 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

trello

Trello Clone - v1.0.1

Un clon funcional de Trello construido con Next.js y TypeScript. Esta aplicación permite la gestión de tareas a través de tableros, listas y tarjetas, con una experiencia de usuario fluida gracias a la implementación de drag-and-drop.

El proyecto está diseñado para ser utilizado como una demo online y persiste los datos localmente en el navegador.

Screenshots

Tablero Principal

Vista principal del tablero

Detalles de Tarjeta

Detalle de tarjeta con descripción

Vista Móvil

Vista móvil

Características

  • Gestión de Tareas: Crea, edita y elimina listas y tarjetas.
  • Drag & Drop: Funcionalidad de arrastrar y soltar para reordenar listas y mover tarjetas entre columnas utilizando @dnd-kit.
  • Edición de Detalles: Agrega descripciones detalladas a tus tarjetas con soporte para Markdown.
  • Personalización: Cambia el fondo del tablero seleccionando entre diferentes imágenes predefinidas.
  • Persistencia de Datos: Todo el estado del tablero se guarda automáticamente en localStorage.
  • Diseño Responsivo: Interfaz adaptada para funcionar tanto en escritorio como en dispositivos móviles.

Tecnologías Utilizadas

  • Framework: Next.js 16 (App Router)
  • Lenguaje: TypeScript
  • Estilos: CSS Modules para un estilizado modular y eficiente.
  • Drag & Drop: @dnd-kit/core y @dnd-kit/sortable.
  • Iconos: Lucide React.
  • Markdown: react-markdown para renderizar descripciones enriquecidas.

Author

Santino Ventrice

About

Este proyecto es un clon de Trello hecho para fines educativos y para mi portafolio.

Topics

Resources

Stars

Watchers

Forks

Contributors