Javascript
My day to day programming language, for frontend and backend
Hi, I'm
Alberto Rico
I turn data into websites
Full-stack developer focused on data dashboards and geospatial KPI visualization, fond of design and UX for the web, mobile and desktop.
About me
I'm Alberto Rico Ibáñez. I was born in 1988 in Madrid, Spain.
I've been coding websites since before I even had an internet connection. Since then, I've been studying and keeping up to date with many front end technologies, building projects both for work and for fun, many of them available on my Github repository.
I'm very fond of UX and designing with the end-user in mind, making their jobs or their use of my websites faster and easier. I've even designed some assets such as logos and icons for the companies I've worked in.
Even though I focus on Javascript and HTML, I keep trying and learning other programming languages such as Python and Swift. Coding and designing is my passion, no matter how. It's all about the resulting product.
Currently
Lead Full-Stack Developer
Focus
Data Viz & Geospatial
Front-end skills
My focus as a developer is mainly on browser based websites and webapps, ranging from static corporate websites to fully modular dashboards. I've specialized in data visualization techniques and KPI dashboards, building advanced map visualizations from JSON data.
Core technologies
Typescript
To create well-documented library packages and programming End-to-end typesafe APIs
HTML5
I take advantage of many HTML5 APIs for browsers and use semantic tags
CSS3
Taking advantage of modern flexbox utilities and multiple CSS3 enabled capabilities
SCSS
CSS but cleaner and more powerful with use of imports and variables
jQuery
For oldschool projects without an MVC framework, I've been using jQuery from the start
Bootstrap
CSS framework that I use as base for many projects, building upon it.
Highcharts
For graphic representation of KPIs, powerful library that I use day to day
LeafletJS
The best open source mapping library. I built custom layers and elements on top of it for my use cases
Mapbox / MapLibre
The power of Leaflet enhanced with WebGL rendering. Great for 3D mapping
DeckGL
WebGL enabled data viz, used for 3D mapping. Handles lots of data
Pug
Powerful and clean templating engine that uses JS for conditional rendering, imports and more
Vue ecosystem
Back-end & tooling
Coding in Javascript has allowed me to delve in back-end tasks such as building servers, coding scripts, web scraping, and building CLI tools.
NodeJS
My runtime of choice for out-of-the-browser projects, servers or scripts
Express
Framework that I use to build most web applications with as a backend
Nitro
The TypeScript framework to build ultra-fast web servers I use for APIs
TRPC
Through TRPC-OpenAPI, my preferred way to create type-safe and well-documented APIs
Gulp
As my toolkit for tasks automation such as building JS, CSS, etc
Docker
To deploy projects as containers using Docker and docker-compose
Serverless
For projects running as Serverless applications (AWS Lambdas)
Webpack
For building and transpiling Javascript code, I use Webpack day to day
Databases
MongoDB
The NoSQL database I use, both through ORMs such as Mongoose, or directly using the Native Drivers
PostgreSQL
For its performance and GIS capabilities, the best SQL db, used via TypeORM or Prisma
Redis
For fast caching purposes, a great database that I use for auth, and much more
AWS Athena
For Big Data queries, handling GBs of data in seconds, contributing to a NodeJS library
Desktop & Mobile
Fantastic Javascript frameworks such as React Native or Electron have enabled me to code software for desktops (Windows, macOS and linux) and for mobile, mainly Android and iOS.
Electron
For desktop apps, making them as performant and native-looking as possible
React Native
For mobile apps, taking advantage of the full React Native ecosystem and capabilities
Vue Native
Vue library that compiles to React Native, for its ease of use compared to React syntax
Expo
To easily deploy and distribute React Native apps, as well as using Expo's SDK features