Gabriel S.

Dev

Sistema de Información Criminal SICA

2024-08-01 - 2025-04-18
Responsabilidades:
  • Migración de Tailwind CSS v3 → v4 para aprovechar nuevas utilidades y mejorar rendimiento
  • Migración de JavaScript → TypeScript, añadiendo tipado a APIs y mejorando mantenibilidad
  • Actualización de React 18.3 → React 19
  • Creación de hooks y utilidades para manejo de query-params
  • Integración de React DevTools y configuración de ESLint/Prettier
  • Implementación de mapas de calor con Google Maps API para visualización de delitos
  • Autenticación JWT con Django (login, refresh token) y consumo de APIs REST con paginación y serialización
  • Optimización de rendimiento: lazy-loading con React.lazy/Suspense y auditorías con Lighthouse
  • Gestionar los parámetros de consulta a través de mi propia librería @react-magic-search-params
  • Coordinación con equipo Back-End vía Git/GitHub, definición de +70 requisitos y liderazgo de proyecto
  • Descripción:

    Fue mi proyecto de tesis y uno de los más grandes que he realizado. Desarrolle una Aplicación web full-stack junto a otro desarrollador, para el registro, gestión y análisis de datos criminales en tiempo real. Implementada con React + TypeScript en el FrontEnd y Django REST Framework + PostgreSQL en el BackEnd.

    Duración:
    8+ meses
    Rol:
    Desarrollador Front-End (con contribuciones al Back-End)

    Tecnologías y Herramientas

    React 19
    TypeScript
    TailwindCSS 4
    Google Maps API
    PostgresSQL
    Django Rest Framework
    Python
    file_type_viteVite
    file_type_gitGit
    GitHub
    file_type_htmlHTML
    CSS LogoA purple square with rounded corners and the letters CSS inside in whiteCSS
    JavaScript
    JWTJWT Auth
    Visual Studio Code

    Arquitectura del Proyecto

    Una vista general de los modulos del sistema, en donde se puede ver la Arquitectura del sistema y como se comunican entre si.

    Arquitectura del Sistema SICA
    Arquitectura del Sistema SICA

    Enlaces

    Repositorio privadoPuedes pedirme una vista previa contactandome
    Ver live demo online

    Video de Demostración

    A continuación una breve demostración de las partes más importantes del sistema SICA, incluyendo la autenticación, registro de delitos, gestión de investigaciones y visualización de mapas.

    A continuación una breve demostración de las partes más importantes del sistema SICA, incluyendo la autenticación, registro de delitos, gestión de investigaciones y visualización de mapas.
    icn/play