mariano álvarez

5+ years specializing in seamless web experiences and cutting-edge technologies. Currently at A-SAFE Digital as Software Developer. TypeScript, React, full modern stack — adaptable to any context.

• A-SAFE DigitalSoftware Developer
  2024–nowfeb–now
• A-SAFE DigitalProject Lead
  2024–2025jul–apr
• CREATIVOMAFull Stack Developer
  2022–2024jun–jun
• Cronopios | Comunicación con propósitoFull Stack Developer / Technology Director
  2022–2024jun–jun
• Devea HubFrontend Developer
  2023–2023nov–dec
• Isabella Premium GroupFull Stack Developer
  2023–2023jul–oct
• El Puente PublicidadFull Stack Developer
  2022–2023oct–mar

• ★
  Reactive Contracts—Bidirectional API contracts that put frontend in control.
• Formachine—Type-safe, declarative multi-step forms for React.
• Virtual Try-On Store—AI-powered virtual try-on platform using Gemini AI.
• Create Stack—Interactive CLI to scaffold modern web projects.
• Liquid Glass—React component with liquid frosted glass effect.
• Lab Starter—Starter template for creative coding experiments with Tweakpane.

• fix: svg edges trimmed decimal resolutions
  pixijs/pixijs
• Fix/2514 update types three webglprogram
  pmndrs/drei
• fix(guides): formatting inconsistencies in SVG rendering guide
  pixijs/pixijs.com
• Docs/add guides section with getting started
  pixijs/pixi-react
• fix: stage visible false no effect
  pixijs/pixijs

• Elegant Notes AppDistraction-free note-taking app focused on clarity, speed, and offline-first sync
• activaES2030Multilingual civic platform promoting digital and social activation across Spain
• Skymundo WebsiteTravel and flight services website with animated UI and live data integration via Google Sheets
• Blublum StudioCreative studio website with editorial-grade design, GSAP scroll animations, and a headless WordPress CMS powering the content
• Pinturas GalmésBilingual landing page for a professional painting company in Mallorca, with a clean layout and clear call-to-action sections

• Better Auth with Next.jsNext.js, Better Auth, PostgreSQL
• IA Tooling - React Router Framework ModeReact Router, TypeScript, TailwindCSS
• Feature Flags SDKSDK Flags, React, TypeScript
• Terminal of Hacking DiavloReact, TypeScript, Vite
• Interactive Speaker GalleryReact, TypeScript, Vite
• Numeric Backgroundsreact, background, numeric
• Matrix effect with canvasHTML5, Canvas, JavaScript

• Universitat Oberta de Catalunya—B.S. Computer Engineering
  2025
• freeCodeCamp—JS Algorithms & Data Structures
  2023
• freeCodeCamp—Responsive Web Design
  2023
• Scrimba—React JS · Modern JavaScript
  2023
• Frontend.FYI—Web Applications Development
  2023
• Udemy—JavaScript Moderno: Guía para dominar el lenguaje
  2022

• LanguagesTypeScript, JavaScript, Ruby, HTML5, CSS3, SQL, PHP
• FrontendReact, Next.js, Astro, Angular, Inertia.js, TailwindCSS, Framer Motion, GSAP, Three.js, React Three Fiber, PIXI.js, Zustand, SWR, TanStack Query, i18next
• BackendNode.js, Express, Ruby on Rails, Hotwire, Prisma, PostgreSQL, MySQL, MongoDB
• ToolingGit, Docker, AWS, Vercel, Turborepo, Figma, Jest, Vitest, Playwright
• AIClaude API, OpenAI, Gemini, Vercel AI SDK, MCPs

• Criteria > codeUnderstanding what to build and for whom matters more than knowing how to write it.
• Simplify, iterateStraight to the point. Always in WIP. Ship small, learn fast.
• Measure, then optimizeDon't assume where the bottleneck is. Measure first, then act.
• Autonomy + trustThe best teams are built with delegation and clear communication, not control.
• Give backOpen source, sharing what you learn. Not optional, part of the job.

• Generating code is not the same as building a product2026-03-15
• Mastering Big-O Complexity: A Practical Guide2025-05-23
• New version of my portfolio2025-05-19
• My current situation2024-08-19
• Micro-Management and the onion effect2024-01-12