El reto fue hecho en colaboracion con @jhonm96 en el backend, y @leox23 (mi persona) en el frontend.
Backend: Java, SpringBoot, REST, MySQL, OOP, MVC.
FrontEnd: Html, CSS, Boostrap, JavaScript, AJAX, OOP, MVC. (el uso de innerHTML fue permitido para todos por el corto tiempo para la entrega)
La app Krello tiene como proposito brindarte un espacio donde repartir organizadamente el trabajo, para cumplir su objetivo
- clonar el repositorio en su computador.
- Para configurar el backend, debe crear la base de datos, las sentencias SQL para crear las tablas se encuentras en la siguiente direccion
resources/db/my-krello.sql
dentro del proyecto. - luego de crear la base de datos, debes configurar el archivo de properties que se encuentra en la siguiente direccion
backend/src/main/resources/application.properties
en el deberas configurar tu usuario, contraseña, string de conexion y dialecto de tu base de datos. - despues de realizar correctamente los anteriores pasos, deberia estar listo para ejecutar nuestro proyecto y tener una conexion exitosa con la base de datos, por ende debes dar click en la flecha verde que se encuentra en la parte superior derecha de la interfaz del ide
- Para iniciar el frontend, una forma es primero instalar, VSCode.
- Ir al la barra lateral entrar a las extensiones, buscar la extension Live Server e instalarla, ver las instrucciones de como iniciar el live server, se debe dar click abajo a la derecha en la barra de estado en el boton que dice
Go Live
- Esperar a que se abra el navegador para ejecutar la app Krello.
Cuando se ingresa por primera vez a la aplicacion se encontrara la opcion de crear un nuevo tablero, en el cual podra crear y administrar sus tareas
Con los tableros encontramos 3 tipos de interacciones posibles nombradas y explicadas a continuacion:
-
Crear tablero: en esta opcion podra crear un nuevo tablero de trabajo, solo debes hacer click en la opcion y luego ingresar el nombre que recibira el tablero.
-
Modificar tablero: en esta opcion podras modificar el nombre que l has puesto a tu tablero, solo debes hacer clic en el menu de opciones y escoger el correspondiente a modificar luego deberas ingresar el nuevo nombre.
-
Eliminar tablero: en esta opcion podremos eliminar el tablero deseado, solo debes entrar al menu de opciones y luego seleccionar la opcion correspondiente.
Las tareas son esos campos que asignamos con instrucciones a seguir para completar nuestro proyecto.
Con las tareas encontramos 3 tipos de interacciones posibles nombradas y explicadas a continuacion:
- crear nueva tarea: en esta opcion podra crear una nueva tarea, solo debes hacer click en la opcion y luego ingresar la informacion que desees que contenga.
- Modificar tarea: simplemente podemos modificar la tarea estando dentro de la misma y agregando los cambios directamente en la tarjeta
- Mover de columna: podemos pasar una tarea de una columna a otra del tablero solo arrastrando la misma.
- Eliminar tarea: podemos eliminar la tarea dando click en la opcion correspondiente.