About me

Hi!, I'm Jairo an electronic engineer located in Mosquera, Colombia. It is a city near Bogota D.C., I know, it is a little far, but, I like to live in small towns. I love and enjoy to learn new technologies and apply them to beautiful and curious projects. I consider myself as a self-motivated person, who enjoys overcoming challenges.

I have participated in different projects, one of them is a system for the massive download of documents using Python to extract information using OCR (Object Character Recognition) with Pytesseract and Azure to analyze customer's behaviors, also, I worked in Exploratory data analysis (ETL's and EDA's) using Pandas and SAS, to present results information with tools like Tableau and Power BI.

Currently, I am studying front-end and back-end technologies, I have been working on different front-end challenges in Frontend mentor and personal projects, I think that combine data science, machine learning, and web applications are the current wave of technology.

TODO App

todoapp

Frontendmentor.io page challenge. The challenge was to build out this todo app and get it looking as close to the design as possible.

The users are able to:

  • View the optimal layout for the app depending on their device's screen size
  • See hover states for all interactive elements on the page
  • Add new todos to the list
  • Mark todos as complete
  • Delete todos from the list
  • Filter by all/active/complete todos
  • Clear all completed todos
  • Toggle light and dark mode
  • Local Storage to save todos

HTML

CSS

JavaScript

Vue.js

RIDE Animated
Web Page

rideapp

The challenge was to build an animated landing page using SVG images and GSAP.


HTML

CSS

JavaScript

GSAP

REST Countries API
with color theme
switcher

Countries

Frontendmentor.io page challenge. The challenge is to integrate with the REST Countries API to pull country data and display it like in the designs.

The users are able to:

  • See all countries from the API on the homepage
  • Search for a country using an input field
  • Filter countries by region
  • Click on a country to see more detailed information on a separate page
  • Toggle the color scheme between light and dark mode

HTML

CSS

JavaScript

Vue.js

Huddle

huddle

Frontendmentor.io Easybank landing page challenge. The challenge was to build out this landing page and get it looking as close to the design as possible. In addition, users should be able to view the optimal layout for the site depending on their device's screen size and see hover states for all interactive elements on the page.


HTML

CSS

GSAP

Vue.js

MoviLab

movilab

Winner solution in the announcement Data Jam MoviLab to the challenges 2 and 3.

Challenge 2:
How to get representative data of number, origin and destination of pedestrians to analyze their movement patterns?

  • Real-time execution.
  • Recognition of pedestrians in day or night
  • Perceive the flow of pedestrians
  • Capacity to detect social distancing between pedestrians

Challenge 3:
How to get with more accuracy the total number of cars that are in Bogota at any time of day?

  • Real-time execution.
  • Recognition of vehicles in day or night
  • Perceive the flow of vehicles
  • Recognize the type of the vehicle

Python

AWS

Contact