Desde cero y sin IA
Equivocarme muchas veces fue la mejor forma de aprender cómo se comunican el navegador y el servidor y cómo se guardan los datos. Esa base sigue detrás de todo lo que hago hoy.
Proyecto de prácticas · Aplicación web
Kanban por proyectos
Un tablero de tareas para un equipo, hecho en mis prácticas de 2023 desde cero y sin IA.
El reto
En 2023, durante las prácticas del ciclo de Sistemas Microinformáticos y Redes, me pidieron una herramienta para organizar las tareas de cada proyecto y ver en qué punto estaba cada una. Nunca había hecho una aplicación web entera yo solo. No partía de ningún framework ni de una base de datos, y tampoco tenía IA a la que preguntar. Todo salió de leer documentación, buscar en foros y probar hasta que funcionaba.
La solución
01
Un tablero por proyecto
Cada proyecto tiene su tablero con cuatro columnas y los nombres que elija el equipo, como Pendiente, Diseño, Desarrollo y Publicado.
02
Tareas que se arrastran
Las tareas cambian de columna arrastrándolas y el cambio se guarda al momento, sin recargar la página. Para borrar una, basta con soltarla en la papelera.
03
Plantillas y notas
Las tareas habituales, como una incidencia o una reunión, se crean desde plantillas. Cada proyecto tiene además un chat de notas que se actualiza solo.
04
En tres idiomas
La interfaz funciona en español, inglés y francés. Añadir otro idioma es crear un fichero con los textos, sin tocar el código.
Cómo funciona por dentro
Qué pasa al mover una tarea
No hay base de datos ni framework. El navegador y un servidor en PHP se reparten el trabajo y los datos se guardan en ficheros.
- ArrastrarSueltas la tarjeta en otra columna del tablero.
- Aviso al servidorEl navegador envía el movimiento en segundo plano, sin recargar la página.
- GuardadoEl servidor reescribe el fichero del tablero con el nuevo orden.
- Tablero al díaEl navegador vuelve a leer el tablero y muestra las columnas actualizadas.
También tiene
Decisiones clave
Por qué lo hice así
Librerías de otros, adaptadas
Para arrastrar tareas, escribir con formato y tener el chat de notas usé librerías que ya existían y las adapté hasta que hacían lo que necesitaba, en vez de reinventarlas.
Publicado tal como estaba
Lo he subido casi como lo dejé, con sus fallos incluidos. Solo he quitado los datos de la empresa, y en el repositorio explico qué haría hoy de otra manera, como usar una base de datos o reforzar la seguridad.
Las pantallas
Las capturas llevan datos de ejemplo inventados. Pulsa una imagen para verla a tamaño completo.
- Elegir proyecto
- Tablero del proyecto
- Nueva tarea con plantilla
- Notas del proyecto
- Activos y archivados
- Crear proyecto, en inglés
Resultado
No es la aplicación más bonita, pero funciona de principio a fin. Con ella aprendí a construir una aplicación web completa yo solo.
¿Y en tu negocio?
Si en tu equipo las tareas se reparten por mensajes o en hojas de cálculo, una herramienta a medida como esta pone orden. Hoy la haría con herramientas más modernas, pero con la misma idea de partir de cómo trabaja el equipo.
¿Necesitas algo parecido?
Puedo adaptar esta misma idea a tu negocio. Cuéntame cómo trabajáis y te digo cómo lo plantearía.