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

    Galería de Imágenes

    Login y Dashboard del Sistema SICA
    Login y Dashboard del Sistema SICA
    Detalle de Investigación
    Detalle de Investigación
    Configuración del Sistema SICA
    Configuración del Sistema SICA
    Detalle de Evidencia
    Detalle de Evidencia
    Registro de Evidencia
    Registro de Evidencia
    Tablero de Investigación
    Tablero de Investigación
    Registro de Investigación
    Registro de Investigación
    Lista de Investigaciones
    Lista de Investigaciones
    Lista de Delitos
    Lista de Delitos
    Google Maps - delitos registrados
    Google Maps - delitos registrados
    Google Maps - Mapa de calor
    Google Maps - Mapa de calor
    Google Maps - Registro de Delitos
    Google Maps - Registro de Delitos
    Google Maps - Detalle de Delito
    Google Maps - Detalle de Delito
    Lista de Usuarios del Sistema SICA
    Lista de Usuarios del Sistema SICA

    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
    Live demo no disponible

    Video de Demostración

    Video experimental, no tiene nada que ver con el proyecto, pero es un video de prueba para mostrar como se vería un video en la vista de detalle del proyecto.

    Video experimental, no tiene  nada que ver con el proyecto, pero es un video de prueba para mostrar como se vería un video en la vista de detalle del proyecto.
    icn/play