Juan Labrada
Fullstack Engineer · Vue.js · Node.js

Building Systems That
Solve Real Problems

Software Developer

Juan Agile Scrum

Juan R Labrada

Career

Experience

Senior Software Developer

MonetizeMore

Built and maintained ad tech revenue optimization platform features using Vue.js and Node.js.

Vue.jsNode.jsTypeScript
2022 – Present

Senior Software Developer

WPlex

Developed full-stack web applications and REST APIs for WordPress hosting infrastructure.

Vue.jsPHPREST API
2020 – 2022

Senior Software Developer

Experian

Contributed to credit data analytics dashboards and data pipeline integrations.

AngularJavaSQL
2018 – 2020

Work

Products

MabayJS

OSS

Problem

Manually writing boilerplate code for CRUD models slows down development cycles.

Stack

Node.jsJavaScript
View on GitHub

Palette Generator

Tool

Problem

Designers need instant harmonic color palettes with contrast-safe combinations.

Stack

Vue.jschroma-js
Open Tool

UTM Builder

Tool

Problem

Marketing teams waste time hand-crafting UTM tracking URLs for ad campaigns.

Stack

Vue.jsNuxt
Open Tool

Playground

Experiments

Gallery 1

Changing image width and height on hover within a grid.

Gallery 2

Expanding image width on hover within a grid.

Mermaid Graph

Generating UML diagrams from text using Mermaid.

stateDiagram direction TB accTitle: This is the accessible title accDescr: This is an accessible description classDef notMoving fill:white classDef movement font-style:italic classDef activeState fill:#f00,color:white,font-weight:bold,stroke-width:2px,stroke:yellow [*] --> Wrapper Wrapper --> PrebidJS : Configure Bids Wrapper --> PrebidJS : Request Bids state PrebidJS { AuctionConfigured --> ConfigureBidders ConfigureBidders --> [*] RequestingBids --> PrebidAuction ReturnBestBid --> BidsBack BidsBack --> ScaleBids ReturnScaledBids --> SelectWinner SelectWinner --> SetTargetting } state PrebidServer { PrebidAuction --> SelectBestBid SelectBestBid --> ReturnBestBid } state Wrapper { ConfigureAuction --> AuctionConfigured ScaleBids --> ReturnScaledBids SetTargetting --> RefreshSlot RefreshSlot --> AdServerAuction RenderCreative --> [*] } state AdServer { AdServerAuction --> AuctionWon AuctionWon --> RenderCreative } class ConfigureAuction activeState

Let's Talk

Contact Me