Casos d'Estudi d'Enginyeria

Projectes reals desenvolupats des de la definició d'arquitectura fins a la producció contínua, amb mètriques verificables de rendiment i accessibilitat.

Protocol d'Honestedat Tècnica: Cada afirmació està mesurada amb Lighthouse, DevTools o axe-core.

Veure /qualitat→

Panell de gestió d'incidències i alertes en temps real AVISA

2025 – 2026WCAG 2.2 AA / < 150ms

Frontend Architect & UI Developer•Projecte Final DAW / Serveis Urbans

AVISA — Gestió d'Incidències en Temps Real

Arquitectura frontend reactiva amb Angular i TypeScript per a la coordinació d'avisos i incidències urbanes crítiques.

Angular 17+TypeScript EstricteSignalsVercel EdgeWCAG AAReactive Forms

Verificació: Auditoria automàtica amb axe-core i DevTools Network Latency ProfileLlegir cas complet→

Pizzeria artesana i disseny web gastronòmic a Xàtiva

2025100/100 Lighthouse / SEO Local

Product Designer & Frontend Developer•Pizzeria a Xàtiva (Comarca de La Costera)

Pizzeria a Xàtiva — Presència Digital i SEO Local

Redisseny integral de l'experiència digital d'un negoci gastronòmic tradicional: càrrega instantània, menú interactiu i canal directe de comandes.

HTML5 SemànticTailwind CSS v4SEO LocalSchema.org JSON-LDWhatsApp APIWebP/AVIF

Verificació: Auditoria Google Lighthouse Mòbil Llegir cas complet→

Gràfic de telemetria i rendiment d'altes prestacions

202560 FPS / INP < 30ms

Frontend Engineer & Performance Specialist•Projecte Personal d'Enginyeria / Open Source

Dashboard de Telemetria — Rendiment Web a 60 FPS

Panell analític interactiu per a la monitorització de mètriques de rendiment web, concurrència i Core Web Vitals en temps real.

JavaScript ES6+TypeScriptPerformance APICSS ContainmentVirtual DOMCore Web Vitals

Verificació: Auditoria Chrome DevTools Performance Profiler Llegir cas complet→

Pipeline d'automatització i integració contínua CI/CD

2025 – 2026Zero Downtime / < 90s Build

DevOps Engineer & Frontend Lead•Infraestructura Personal & Projectes Web

Pipeline CI/CD Automatitzat — Zero Downtime

Cadena de muntatge automatitzada de programari: linter, validació estricta de TypeScript, compilació optimitzada i desplegament atòmic continu.

GitHub ActionsCI/CDLinux ShellLinters ESLintTypeScript CheckGitHub PagesCache npm

Verificació: Registres d'execució de GitHub Actions Llegir cas complet→