Devathon Santa Dashboard

Devathon por la comunidad de @Programación en español Devathon Santa Dashboard
  • HTML
  • file_type_sass SASS
  • React
  • TypeScript
  • JavaScript

Desarrollo de Dashboard para Gestión Navideña

Participé en el desarrollo de un dashboard propuesto por Pedro J. Plasencia Velasquez en el contexto de la Devathon de la comunidad de programación en español. El objetivo era construir un sistema para la gestión de funcionalidades navideñas, donde nuestro equipo resultó ganador gracias a la implementación de las siguientes características clave:

  • GPS para Santa: Incluye un historial con las últimas cinco búsquedas, sugerencias de ubicación, y una función que permite mover el mapa al lugar seleccionado, mostrando la ruta.
  • Gestión de Elfos: Desarrollo de un CRUD completo con filtro y paginación por query params, permitiendo compartir la URL con los filtros aplicados.
  • Cartas a Santa: Listado de cartas con funcionalidades de filtro y paginación similares a las de la gestión de elfos.

Mi Contribución

  • Diseñé la interfaz bajo un enfoque brutalista acorde con la temática navideña.
  • Configuré las rutas del sistema y gestioné la funcionalidad del GPS para Santa, que solicita la ubicación del usuario y establece una ubicación predeterminada si se rechaza el permiso.
  • Implementé el sistema de sugerencias al buscar lugares, permitiendo mover el mapa dinámicamente y mostrar rutas.
  • Desarrollé el filtrado por query params y la paginación en el CRUD de elfos.
  • Implementé la funcionalidad de edición para los registros de elfos, incluyendo el renderizado de los elfos y el filtrado por query params, permitiendo copiar la URL generada, pegarla en otra ventana y aplicar los mismos filtros.

Metodología y Herramientas

  • Seguimos la metodología SCRUM, organizando tareas y entregables mediante Trello.
  • Adoptamos Conventional Commits para estructurar los mensajes en el control de versiones.

Este proyecto no solo consolidó mis habilidades técnicas en React, TypeScript, sino que también reforzó mis competencias en trabajo colaborativo y en la aplicación de buenas prácticas en el desarrollo ágil.