Sencilla aplicación en Vue.js 3 para gestionar tareas y actividades usando Kanban.
El objetivo de este proyecto es mostrar el uso de Vue.js para hacer un gestor de tareas usando Vue.js siguiendo la filosofía Kanban y usando Firebase para almacenar la información.
Además se va a implementar siguiendo algunas de las bondades de Vue.js 3 como es el paso de Options Api a Composition Api y sus ventajas de hacer reutilizable parte del código entre componentes sin repetir.
En este proyecto intercalaremos las dos opciones para ver pros y contras. De todas maneras las gran ventaja de Composition es cuando tu componente es grande y quieres organizar la lógica o simplemente compartir usando Mixins. Aún así se pueden mezclar las dos filosofías como también se verá.
Sabemos que Vuex es una solución para manejar el Store de nuestra aplicación en Vue.js. Pero conocemos sus debilidades actuales a la hora de manejar TypeScript. De hecho hay que recurrir a algunos trucos, como los decoradores de TypeScript para que no fracasemos en el intento.
Pinia es una solución propuesta por uno de los creadores de Vuex y marca las nuevas tendencias de lo que Vuex podrá ser. Integra perfectamente TypeScript y su filosofía de trabajo es ágil, a parte de que su rendimiento es algo mayor. Una comparativa puede verse aquí.
En este proyecto usaremos Pinia, porque mejora enormemente el uso de TypeScript en Vue.js para las Store y nos permite tener una Store desacoplada y accesible sin necesidad de módulos.
Este proyecto esta desplegado en Netlify en https://vuekanban.netlify.app.
npm install
npm run serve
npm run build
npm run test:unit
npm run test:e2e
npm run lint
Codificado con 💖 por José Luis González Sánchez
Cualquier cosa que necesites házmelo saber por si puedo ayudarte 💬.
Este proyecto esta licenciado bajo licencia MIT, si desea saber más, visite el fichero LICENSE para su uso docente y educativo.
Este proyecto está basado en el tutorial de Carlos Azaustre. Gracias por el contenido 🙂