Mirades
Ara.catInteractive platform exploring diverse perspectives.
Next.jsTailwind CSSTypeScript
Projects
A selection of interactive web experiences I've crafted for clients
Chef Assist AI
Personal Projectchef-assist-ai
Next.jsTypeScriptTailwind CSSHugging Face
RPS Pattern AI Game
Personal Projectrps-pattern-ai-game
Next.jsTypeScriptTailwind CSSHugging Face
Menja sa i sostenible
Generalitat de CatalunyaEducational tool promoting healthy, sustainable eating.
ReactTailwind CSSSCSS
Infonet FR
Infonet FranceCorporate site for IT solutions provider.
PHPSCSSBootstrapTwigSymfony
+3
Vins Catalans
Generalitat de CatalunyaCampaign site showcasing Catalan wine culture.
Tailwind CSSSCSSPHPJavaScriptGSAP
Memoria Interactiva 2023
GreenaliaInteractive sustainability report for Greenalia FY2023.
PHPSCSSJavaScript
Petits negocis, grans xifres
CaixaBankInteractive infographic showing MicroBank's economic impact.
PHPJavaScriptTailwind CSS
Si ets LGTBI tens una xarxa a prop
Generalitat de CatalunyaInteractive map to locate nearby LGBTI+ support networks.
PHPJavaScriptTailwind CSS
Telèfon Asil
CCARInteractive report on asylum seekers' challenges in Catalonia.
PHPJavaScriptTailwind CSS
Saps reciclar bé?
Generalitat de CatalunyaInteractive quiz testing knowledge on proper recycling.
PHPJavaScriptTailwind CSS
Assetjament escolar
Generalitat de CatalunyaInteractive guide for parents on school bullying.
PHPJavaScriptSCSSGSAP
Tu també pots ser mecenes cultural
Generalitat de CatalunyaInteractive campaign encouraging cultural patronage.
PHPJavaScriptSCSSGSAP
Quin és el teu grau de soledat?
Sant Joan de DéuInteractive quiz to measure your level of unwanted loneliness.
PHPJavaScriptSCSSGSAP
Presentació CCCB
CCCBInteractive site introducing the CCCB's mission and activities.
Astro.jsReactSCSSTypeScript
Així està canviant el Port de Barcelona
Port de BarcelonaInteractive report on Port of Barcelona's clean energy transition.
PHPJavaScriptSCSSGSAP
Mapa de districtes de Barcelona
Ajuntament de BarcelonaInteractive map of Barcelona's districts.
PHPJavaScriptSCSSGSAP
Triar carrera
Universitat de GironaInteractive quiz helping students choose a university degree.
Astro.jsReactTailwind CSSSCSS
Ofimòbils
CaixaBankInteractive report on CaixaBank's mobile banking offices.
Astro.jsReactTailwind CSSSCSSGSAP
No perquè passi lluny, deixa de passar
CCARInteractive campaign against EU border externalization policies.
Astro.jsReactTailwind CSSSCSSGSAP
Cinc remeis a cinc maldecaps
Banc SabadellInteractive guide offering solutions to common business challenges.
Astro.jsReactTailwind CSSSCSSGSAP
Digues qui ets i et direm què pots estudiar
UOCQuiz helping students identify suitable studies.
Astro.jsReactTailwind CSSSCSSGSAP
Subscripcions ARA
ARAPage to subscribe to ARA newspaper.
Next.jsReactTypeScriptTailwind CSSSCSS
Mercadona
MercadonaInteractive report on Mercadona's local sourcing in Catalonia.
Astro.jsReactSCSSGSAP
Descobreix ARA
ARAInteractive subscription page for ARA newspaper.
Next.jsReactTypeScriptTailwind CSSSCSS
Quin tipus de veïna ets
Bassols EnergiaQuiz to discover your neighbor type and energy habits.
Astro.jsReactSCSSGSAP
Qui habita el fons marí del Port de Barcelona
Port de BarcelonaInteractive exploration of marine life at Barcelona's Port.
Astro.jsSCSSGSAP
Recuperar el lideratge econòmic de Catalunya
Generalitat de CatalunyaInteractive report on Catalonia's economic recovery strategy.
Astro.jsSCSSGSAP
Guia d'ajuts per a l'habitatge
Generalitat de CatalunyaComprehensive guide to housing assistance programs.
Astro.jsSCSSGSAP
Habitatge jove
Generalitat de CatalunyaInteractive tool for young people seeking housing solutions.
Astro.jsSCSSGSAP
Ciberfraus a la gent gran
CaixaBankEducational campaign on cybersecurity for seniors.
Astro.jsReactSCSSGSAP
About Me
From Mechanics to Code - My Unique Journey
My Journey
A non-traditional path that shaped my problem-solving mindset and attention to detail.
Car Mechanic
Where precision and problem-solving skills began
Aircraft Mechanic at Vueling
High-stakes environment requiring meticulous attention to detail
Frontend Developer
Applying mechanical precision to digital craftsmanship
Beyond Code
🛹
Skateboard Champion
1st place in Catalonia 2022 and multiple 2nd places according to the Catalan Skating Federation
🎧
DJ & Music Lover
I've performed at various nightclubs, bringing energy to the dancefloor
What Drives Me
Precision
From mechanics to code, every detail matters
Adaptability
Thriving in different industries and challenges
Creativity
Whether skating, DJing, or coding - always finding new ways
Skills & Technologies
Here are the technologies and tools I work with to bring ideas to life
Frontend Development
HTML5
CSS3 / SCSS
JavaScript
TypeScript
React
Next.js
Astro
Tailwind CSS
Bootstrap
State & APIs
Zustand
Zod
REST APIs
GraphQL
Animation & Design
GSAP
Framer Motion
Figma
Development Tools
Git & GitHub
Vercel
Azure
GitHub Copilot
Slack
Linear
ClickUp
Let's Work Together
Have a project in mind? Let's connect and bring your ideas to life