Front-End Engineer | Angular & UI Specialist
Paniagua.dev
Entreprise individuelle / Genève
Building smart interfaces with AI-augmented workflows.
Domaines d'Intervention
UI/UX Prototyping
Conception d'interfaces modernes et ergonomiques. Création de Design Systems scalables et prototypes interactifs haute fidélité.
Consulting Digital
Conseil stratégique en architecture logicielle et choix de stack technologique. Digitalisation de workflows métiers pour gagner en efficacité opérationnelle.
Audit & Web Perf
Optimisation avancée des Core Web Vitals (LCP, CLS, INP). Analyse Lighthouse approfondie pour garantir un score de 95+ et un SEO technique irréprochable.
Migration & Sécurité
Modernisation de legacy codebases (ex: AngularJS vers Angular moderne). Sécurisation de CMS et transition vers des architectures Headless/JAMstack.
Dépannage Urgent
Intervention critique sur bugs bloquants (Angular, React, WordPress). Diagnostic rapide et correctifs robustes pour minimiser les temps d'arrêt de production.
Hébergement Géré
Déploiement et maintenance d'infrastructures Web. Mise en place de pipelines CI/CD, gestion SSL et monitoring proactif 24/7.
Expertise Technique
Ingénierie de précision
Ma méthodologie repose sur l'utilisation des outils les plus performants pour répondre aux enjeux de la digitalisation moderne. Chaque intervention est guidée par trois piliers : la performance brute, la sécurité et la maintenabilité à long terme.
- Frameworks & Logic
- Angular (Signals/RxJS), React, Vanilla JS ES2024+, TypeScript.
- Performance
- Core Web Vitals, SSR/SSG, Optimisation de bundle (Vite/Webpack).
- Infrastructure
- CI/CD GitHub Actions, Vercel, VPS Linux, Docker.
- UI & Design
- Design Systems, Tailwind CSS, Figma, Accessibilité (A11y).
import { Component, signal, computed } from '@angular/core';
@Component({
selector: 'app-user-profile',
standalone: true,
template: `
<h1>{{ fullName() }}</h1>
<span class="badge">{{ status() }}</span>
`
})
export class UserProfileComponent {
// Modern Signal State
readonly firstName = signal<string>('Julio');
readonly lastName = signal<string>('Paniagua');
readonly isAvailable = signal<boolean>(true);
// Computed value (Derived state)
readonly fullName = computed(() =>
`${this.firstName()} ${this.lastName()}`
);
readonly status = computed(() =>
this.isAvailable() ? 'Available for hire' : 'Busy'
);
}