Skip to content

leox23/reto-final-desarrollo-web

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

WELCOME TO KRELLO

El reto fue hecho en colaboracion con @jhonm96 en el backend, y @leox23 (mi persona) en el frontend.

Tecnologias Usadas:

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

Pasos para su ejecucion

  1. clonar el repositorio en su computador.
  2. 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.
  3. 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.
  4. 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 imagen
  5. Para iniciar el frontend, una forma es primero instalar, VSCode.
  6. 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
  7. Esperar a que se abra el navegador para ejecutar la app Krello.

Funcionalidades de los tableros:

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:

  1. 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.

  2. 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.

  3. Eliminar tablero: en esta opcion podremos eliminar el tablero deseado, solo debes entrar al menu de opciones y luego seleccionar la opcion correspondiente.

Funcionalidades de las tareas:

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:

  1. 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.
  2. Modificar tarea: simplemente podemos modificar la tarea estando dentro de la misma y agregando los cambios directamente en la tarjeta
  3. Mover de columna: podemos pasar una tarea de una columna a otra del tablero solo arrastrando la misma.
  4. Eliminar tarea: podemos eliminar la tarea dando click en la opcion correspondiente.

Cualquier duda, pregunta o mal funcionamiento, escribir al correo [email protected] o al [email protected].

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 90.0%
  • Java 6.4%
  • HTML 3.6%