SOBRE MÍEXPERIENCIAPROYECTOSCONTACTO

Soy Juan Pablo

Desarrollador frontend especializado en interfaces modernas con React y TypeScript, con formación en Ingeniería Multimedia que me permite llevar el desarrollo web hacia experiencias 3D e interactivas. Construyo productos digitales limpios y funcionales desde el diseño de la interfaz hasta la interacción en el navegador.

Sobre mí

IInnggeenniieerroo MMuullttiimmeeddiiaa ccoonn eexxppeerriieenncciiaa eenn ddeessaarrrroolllloo ffrroonntteenndd ccoonn RReeaacctt yy AAnngguullaarr.. HHee ttrraabbaajjaaddoo eenn pprrooyyeeccttooss qquuee vvaann ddeessddee aapplliiccaacciioonneess ddee nnaavveeggaacciióónn iinnssttiittuucciioonnaall hhaassttaa ddaasshhbbooaarrddss ddee ddaattooss eenn ttiieemmppoo rreeaall,, aaddeemmááss ddee ccoollaabboorraarr eenn iinnvveessttiiggaacciióónn aapplliiccaaddaa ccoonn ggrruuppooss ddee iinnvveessttiiggaacciióónn eenn cciieenncciiaa ddee ddaattooss.. MMee eennffooccoo eenn ccoonnssttrruuiirr iinntteerrffaacceess ffuunncciioonnaalleess yy bbiieenn ppeennssaaddaass,, ccoonn uunnaa bbaassee ccrreeaattiivvaa eenn ddiisseeññoo 33DD ee iinntteerraacccciióónn qquuee ccoommpplleemmeennttaa eell ddeessaarrrroolllloo wweebb..

ReactReact
ViteVite
AngularAngular
TypeScriptTypeScript
JavaScriptJavaScript
Tailwind CSSTailwind CSS
VercelVercel
REST APIsREST APIs
GitGit
Hablemos

Experiencia

Sep. 2025 - Feb. 2026Cali, Colombia

Desarrollador Frontend y Diseñador UI/UX (Prácticas Profesionales)en Alliance Bioversity International & CIAT

  • Desarrollé Campus Map, una aplicación interactiva de navegación GPS para el campus de Palmira de la institución.
  • Trabajé en la intersección de diseño UI/UX y desarrollo frontend, optimizando la comunicación entre diseño e ingeniería bajo metodología SCRUM.
  • Construí interfaces responsivas aplicando buenas prácticas de componentes reutilizables y consumo de APIs REST.
Ene. 2025 - Sep. 2025Cali, Colombia

Desarrollador Frontend Freelance / Investigación Aplicadaen Semillero PADIA — Universidad San Buenaventura Cali

  • Contribuí a EndanSys, una aplicación basada en IA para identificación y clasificación de especies en peligro de extinción en Colombia.
  • Desarrollo de GeoCluster, una herramienta de aprendizaje automático no supervisado para clasificar zonas de riesgo sísmico en Sudamérica.

Proyectos

01
Práctica Profesional

Campus Map

Aplicación interactiva de navegación GPS para el campus de Palmira, desarrollada durante mi práctica en Alliance Bioversity International & CIAT.

  • Navegación por GPS pensada para facilitar la orientación de visitantes y nuevos miembros dentro del campus.
  • Desarrollo enfocado en UX/UI, optimizando la comunicación entre diseño e ingeniería bajo metodologías ágiles.
AngularAngular
GitGit
Tailwind CSSTailwind CSS
PostmanPostman
MySQLMySQL
FigmaFigma
MapTilerMapTiler
QgisQgis
Campus Map
02
Personal

ValleO2

Dashboard de clima y calidad del aire para Cali, con datos en tiempo real y visualizaciones interactivas.

  • Consumo de las APIs de Open-Meteo y OpenAQ para datos meteorológicos y de calidad del aire en tiempo real.
  • Interfaz con estética de dashboard oscuro, construida con shadcn/ui y Tailwind CSS v4 sobre un proceso de diseño Figma.
ReactReact
GitGit
PostmanPostman
Tailwind CSSTailwind CSS
Shadcn/uiShadcn/ui
ValleO2
03
Investigación (Semillero PADIA)

EndanSys

Sistema de monitoreo basado en inteligencia artificial para identificación y clasificación de especies en peligro de extinción en Colombia.

  • Aplicación de modelos de IA para clasificación de especies en riesgo, desarrollada como parte del semillero de investigación PADIA.
PythonPython
Jupyter NotebookJupyter Notebook
TensorFlowTensorFlow
KerasKeras
NumpyNumpy
PandasPandas
Scikit LearnScikit Learn
EndanSys
04
Investigación (Semillero PADIA)

GeoCluster

Herramienta de agrupamiento geográfico mediante aprendizaje automático no supervisado para clasificar zonas de riesgo sísmico en Sudamérica.

  • Modelo de clustering no supervisado aplicado a datos geográficos para identificar patrones de riesgo sísmico.
PythonPython
Google ColabGoogle Colab
NumpyNumpy
PandasPandas
FoliumFolium
GeoCluster
05
Personal

Chatbot Climático por Voz

Sistema de interacción por voz con procesamiento de lenguaje natural, usando datos climáticos en tiempo real del Observatorio Ambiental de la Comuna 22.

  • Interacción por voz integrada con procesamiento de lenguaje natural para consultas climáticas.
  • Datos en tiempo real desde el Observatorio Ambiental de la Comuna 22.
PythonPython
MakeMake
TelegramTelegram
Chatbot Climático por Voz

Contáctame

¿Tienes un proyecto en mente, una posición para mí, o simplemente quieres conectar? Mi bandeja siempre está abierta — respondo en menos de 24 horas.