Hi there 👋 I’m a high-performance Full Stack Developer with 10 years of experience, passionate about crafting scalable, secure backend systems using Java, Spring Boot, React and Typescript. Currently, I’m…
Hi there 👋
I’m a high-performance Full Stack Developer with 10 years of experience, passionate about crafting scalable, secure backend systems using Java, Spring Boot, React and Typescript.Currently, I’m building and optimizing backend services for high-impact products at Metadata.io
---
🎥 My latest videos on YouTube
<!-- YOUTUBE-VIDEOS-LIST:START --> Designing Data-Intensive Applications 2026 – Part 14 | Modern Data WarehousesMay 7, 2026Designing Data-Intensive Applications 2026 – Part 13 | B-Trees vs LSM-Trees & Storage Trade-offsMay 5, 2026
Designing Data-Intensive Applications 2026 – Part 12 | Storage Engines, Indexes & LSM TreesApr 14, 2026
Designing Data-Intensive Applications 2026 – Part 11 | Event Sourcing & CQRS ArchitectureApr 8, 2026
Designing Data-Intensive Applications 2026 (Early Access) – Part 10 | Graph Data ModelsMar 23, 2026
<!-- YOUTUBE-VIDEOS-LIST:END -->
---
📚 Open Source
I contribute to several high-impact projects in the Vue and React ecosystems, focusing on developer tooling, performance analysis, and component documentation.
As the founder & core maintainer, I kickstarted this living style guide for Vue components and built its community from the ground up. This project boasts 2.5 k stars and 414 forks, powering isolated Vue component development. I’m the original author and active maintainer of this performance inspection extension for Vue, implementing lifecycle timing metrics (Init, Render, Patch) and managing all releases. It has earned 542 stars and helps developers pinpoint render bottlenecks in real time. I created and maintained the metadata extraction engine that underpins vue-styleguidist; though now archived, its parsing logic remains foundational. The toolbox has 105 stars and 23 forks. I built this YouTube web player clone end-to-end using React Context and TypeScript, featuring custom video controls, playlists, and localStorage persistence. It currently has 90 stars and 19 forks.👔 Experience
| Position | Company | Field | Work Period | | ---------------------------------------------- | ------------------------------------- | -------------------------------------------------------------------------- | ---------------------- | | Java Engineer & React TypeScript Developer | Metadata.io, San Francisco, EEUU | Java & React/TypeScript Development with AI-driven Campaign Automation | Oct 2018 — Present | | Lead Frontend Developer | Avantica, Lima, Peru | Frontend Architecture & Angular Development | Aug 2017 — Mar 2019 | | Frontend Engineer | Tata Consultancy Services, Lima, Peru | Frontend Modernization & Vue Component Library | Oct 2016 — July 2017 | | UX/Frontend Developer | Fotever, Lima, Peru | UX-driven Frontend & Performance-based Marketing | Oct 2014 — Sep 2016 |🛠 Tech Stack
I work with:

I also know:

-
reactube-client
A clone Youtube Web Player using React Provider Pattern, React Context and Typescript
TypeScript ★ 90 8y agoExplain → -
fullstack-graphql-angular
Simple Fullstack GraphQL Application with Angular CLI + Redux. API built with Typescript + Express + GraphQL + Sequelize (supports MySQL, Postgres, Sqlite and MSSQL). WebApp built with Angular CLI + Redux + Async Middleware to access the API.
TypeScript ★ 63 8y agoExplain → -
ohexperimentsmachine
Oliver Heldens Experiments Machine is a non-commercial and unofficial game
Vue ★ 9 9y agoExplain → -
clean-code-javascript ⑂
:bathtub: Clean Code concepts adapted for JavaScript
JavaScript ★ 3 9y agoExplain → -
snippetquiz
No description.
TypeScript ★ 2 1mo agoExplain → -
musical-calculator
Project arithmetic musical calculator with React / Redux, Redux Observable, Audio API
JavaScript ★ 1 9y agoExplain → -
angular-core-started
Angular sample with Mockups, Redux, Ngrx, Effects, SASS, Stylelint, Tests, Express
TypeScript ★ 1 7y agoExplain → -
Ionic-Starter-Template ⑂
Reinventing the wheel, again! Sorry Ionic Team... but there are many noobs learning in Youtube!
JavaScript ★ 1 10y agoExplain → -
cloud-ledger
No description.
Java ★ 0 7h agoExplain → -
rafaesc
Full Stack Engineer · React · Spring Boot · Java · Typescript
★ 0 1mo agoExplain → -
LeetcodeQuestions
No description.
JavaScript ★ 0 6mo agoExplain → -
lab
No description.
★ 0 11mo agoExplain → -
zenphoton ⑂
The "Zen photon garden", an HTML5 raytracing art-toy.
C++ ★ 0 9y agoExplain → -
metadata-microservice-test
No description.
Java ★ 0 7y agoExplain → -
material2 ⑂
Material Design components for Angular
TypeScript ★ 0 7y agoExplain → -
FireUp ⑂
Find places nearby
Java ★ 0 9y agoExplain → -
vue-template ⑂
A custom Vue.js boilerplate based on webpack.
Vue ★ 0 8y agoExplain → -
ng2-konva-demo
Simple example of ng2-konva with Angular 5
TypeScript ★ 0 8y agoExplain → -
react-styleguidist ⑂
Isolated React component development environment with a living style guide
JavaScript ★ 0 8y agoExplain → -
advanced-react-patterns-v2 ⑂
Created with CodeSandbox
JavaScript ★ 0 8y agoExplain → -
expressCart ⑂
A fully functioning Node.js shopping cart with Stripe, PayPal and Authorize.net payments.
JavaScript ★ 0 8y agoExplain → -
uglifyjs-webpack-plugin ⑂
UglifyJS Plugin
JavaScript ★ 0 8y agoExplain → -
vue-styleguidist ⑂
Created from react styleguidist for Vue Components with a living style guide
JavaScript ★ 0 8y agoExplain → -
vue-mosaic
No description.
JavaScript ★ 0 8y agoExplain → -
vue-styleguidist-demo
No description.
JavaScript ★ 0 8y agoExplain → -
badges ⑂
The definitive rendering collection of badges
JavaScript ★ 0 9y agoExplain → -
rei-cedar ⑂
Welcome to the REI Digital Design System presentation framework. A home for modular components based on our evolving design patterns.
HTML ★ 0 9y agoExplain → -
rumble-charts ⑂
React components for building composable and flexible charts
JavaScript ★ 0 9y agoExplain → -
fantasy-land ⑂
Specification for interoperability of common algebraic structures in JavaScript
JavaScript ★ 0 9y agoExplain → -
vue-wordpress-pwa ⑂
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
JavaScript ★ 0 9y agoExplain → -
design-patterns-for-humans ⑂
Design Patterns for Humans™ - An ultra-simplified explanation
★ 0 9y agoExplain → -
webaudioapi.com ⑂
Basic Web Audio API samples
JavaScript ★ 0 11y agoExplain → -
threejs-sphere-audio-vizualizer ⑂
My first try with three js. Shapes are generated and pulse to the beat an audio loop.
JavaScript ★ 0 10y agoExplain → -
three-js-audio-experiment-v2 ⑂
Having fun with the HTML5 audio api, ES2015 and three js
JavaScript ★ 0 10y agoExplain → -
vuejs-webpack-boilerplate ⑂
:eyes: vue.js boilerplate using webpack, gsap and scss. Written in es2015
JavaScript ★ 0 10y agoExplain → -
three-soundcloud-audio-experiment ⑂
🔊 Simple audio visualization using Three.js and the Soundcloud API
JavaScript ★ 0 9y agoExplain → -
vuejs-threejs-webpack-boilerplate ⑂
💡 vue.js + three.js boilerplate using webpack, gsap and scss. Written in es2015
JavaScript ★ 0 9y agoExplain → -
temporary-portfolio-2016 ⑂
:neckbeard: My temporary onepage portfolio
JavaScript ★ 0 9y agoExplain → -
bonzo ⑂
library agnostic, extensible DOM utility
JavaScript ★ 0 10y agoExplain → -
data-layer-helper ⑂
JavaScript library for working with dataLayer message queues.
JavaScript ★ 0 10y agoExplain → -
PolygonJS ⑂
JavaScript 3D library where polygons are first class citizens
HTML ★ 0 10y agoExplain → -
vuex ⑂
Centralized State Management for Vue.js.
JavaScript ★ 0 9y agoExplain → -
js-playground ⑂
No description.
JavaScript ★ 0 12y agoExplain → -
ES6-for-humans ⑂
A kickstarter guide to writing ES6.
★ 0 9y agoExplain → -
HEAD ⑂
A list of everything that could go in the <head> of your document
★ 0 9y agoExplain → -
vue-2.0-simple-routing-example ⑂
A simple example of routing with Vue 2.0 without using vue-router.
Vue ★ 0 9y agoExplain → -
webpack ⑂
基于webpack的前端工程化开发解决方案探索
JavaScript ★ 0 10y agoExplain → -
awesome-webpack ⑂
A curated list of awesome Webpack resources, libraries and tools
HTML ★ 0 9y agoExplain → -
angular2-babel-esnext-starter ⑂
Angular 2 development and testing examples with Babel in Javascript (ES6/ES7).
JavaScript ★ 0 9y agoExplain → -
angular2-webpack-starter ⑂
:tada: An Angular 2 Starter kit featuring Angular 2 (Router, Http, Forms, Services, Tests, E2E, Dev/Prod, HMR, Async/Lazy Routes), Material Design, Karma, Protractor, Jasmine, Istanbul, TypeScript 2, TsLint, Codelyzer, Hot Module Replacement, @types, and Webpack 2 by @AngularClass
JavaScript ★ 0 9y agoExplain → -
stroll.js ⑂
CSS3 list scroll effects
HTML ★ 0 11y agoExplain → -
NG6-starter ⑂
An AngularJS Starter repo for Angular + ES6 + (Webpack or JSPM) by @AngularClass
JavaScript ★ 0 9y agoExplain → -
angularjs-gulp-browserify-boilerplate ⑂
Boilerplate using AngularJS, SASS, Gulp, and Browserify and utilizing best practices.
JavaScript ★ 0 9y agoExplain → -
angular ⑂
No description.
TypeScript ★ 0 9y agoExplain → -
creating-a-future-proof-responsive-email-without-media-queries ⑂
Source files for Tuts+ tutorial: Creating a Future-Proof Responsive Email Without Media Queries
HTML ★ 0 10y agoExplain → -
angular-route-segment ⑂
A lightweight extension for AngularJS $route service which supports tree-like nested views and routes, and advanced loading flow handling.
JavaScript ★ 0 10y agoExplain → -
Sunshine
Android app
Java ★ 0 10y agoExplain → -
google-translate-php ⑂
Free Google Translate API PHP Package. Translates totally free of charge.
PHP ★ 0 10y agoExplain → -
Chat-API ⑂
The php WhatsApp library
PHP ★ 0 10y agoExplain → -
WhatsAPI ⑂
Interface to WhatsApp Messenger
★ 0 11y agoExplain →
No repos match these filters.