Review

Desarrollo de un sitio web basado en la popular herramienta de gestión de actividades Trello. Se emulan actividades como crear, eliminar y actualizar tableros, gestión de tareas basadas en el modelo kanban. La implementación del modulo de backend se realiza a través de Java Standard Edition usando el framework Springboot y con almacenamiento en base de datos relacional MySQL, en cuanto al modulo de frontend se utiliza HTML, CSS nativo y JavaScript con manipulación del DOM.

Pagina Inicio

Home de la Página

Diseño de una página web dinámica. En el home page se visualizan los tableros disponibles para el usuario, en la implementación de la interfaz gráfica se hace uso de componentes generados a traves del DOM con inyección de clases para los estilos CSS.

Formulario creación tablero

Formulario de Creación

Formulario para el registro y creación de nuevos tableros con almacenamiento en base de datos relacional. Envío de solicitudes POST al backend usando Fetch API y manejo de respuestas HTTP con JavaScript.

Lista de juegos

Actualización de Tarea

Vista a detalle de cada tarea con validación en calendario para una entrega estimada, permite la actualización del estado de la tarea en el tablero y la eliminación de la misma. Además se genera un log por cada una de las modificaciones realizadas.

Cambio de Background

Se incluye una opción cambiar el color de fondo utilizando manipulación a traves del DOM, se guarda un registro del color de fondo en el local storage, este registro se consulta en el momento de realizar una redirección a otra página.

Eliminación de Tablero

Eliminación de tableros creados por el usuario, se genera una notificación para confirmar la acción a realizar. Se utiliza SweetAlert para la generación de la notificación que valida si se esta de acuerdo o no con eliminación del tablero seleccionado.

Conocimientos y aptitudes:

  • Arquitectura MVC (Modelo Vista Controlador)
  • Manipulación del DOM
  • Rest API con SpringBoot
  • Fetch: Consumo de API
  • Manejo de notificaciones con SweetAlert
  • Base de datos SQL MySQL
  • Técnica de Pair Programming