Todo Machine

Mejora tu productividad, crea tus tareas en forma de listas y ordénalas en tableros en esta aplicación inspirada en Trello.

Tabla de contenido

1. Acerca del proyecto
   • Demo
   • Construido con
   • Ejemplos de uso
   • Instalación
   • Contacta conmigo
   • Bugs
   • Qué he aprendido

Acerca del proyecto

Aplicación de tareas, ordenadas mediante listas y tableros al estilo Trello.

• Frontend realizado tanto con la librería de componentes como con soluciones propias utilizando SCSS.
• Posee sistema de autenticación y autorización mediante JWT de acceso/refresco.
• Sistema custom de drag & drop para mover listas y tareas.
• Hace uso de CSS custom variables para cambiar entre tema claro y oscuro.
• Responsive.

Construido con

• Vuex - Vue State Managment
• Vue-router - Vue Routing Solution
• Node - Backend Language
• Express - Node Library
• MongoDB - NoSQL Database
• SCSS - Style Language / Preprocessor
• Vuetify - Vue Component Library

Ejemplos de uso

Creando un tablero

Añadiendo items a una lista

Cambiando propietario de una lista. Modo oscuro

(vuelta arriba)

Instalación

1. Clona el repo

   git clone https://github.com/jorgepexp/TodoMachine.git

2. Instala los paquetes NPM en las carpetas server y client

   npm install

3. Lanza el cliente desde /client

   npm run serve

4. Lanza el servidor desde /server

   npm run dev

(vuelta arriba)

Contacta conmigo

Jorge Pérez Expósito - jorge.pexp@gmail.com

Link al repositorio: https://github.com/jorgepexp/TodoMachine

(vuelta arriba)

Bugs

Si encuentras algún bug en la aplicación o simplemente quieres sugerir alguna mejora, me ayudaría mucho si dejas aquí tu pull request

(vuelta arriba)

Qué he aprendido

¿Qué cosas he aprendido mientras realizaba este proyecto?

• Mejora a la hora de escribir los commits en GIT.
• Cómo funcionan los token JWT de acceso/refresco y cómo implementarlos en una aplicación con Node.
• La forma de aprovechar varias de las grandes ventajas que tienen las custom properties en CSS.
• Desenvolverme mejor estilando en una librería de componentes.
• Mejor entendimiento de los códigos HTTP para devolver errores más significativos.
• Cómo desenvolverme en MongoAtlas.
• A perseverar ante los contratiempos del proyecto.

(vuelta arriba)