Making-of

Making Of

Comment ce site a été conçu et développé

Architecture Technique

Framework & Outils

Angular 17 - Framework frontend avec les dernières fonctionnalités (Signals, Control Flow, SSR)
TypeScript - Pour un code plus robuste et maintenable
Standalone Components - Architecture modulaire et performante

UI & Styling

TailwindCSS - Styling utilitaire pour un développement rapide
DaisyUI - Composants UI cohérents et thèmes dynamiques
FontAwesome - Icônes vectorielles performantes

Fonctionnalités Clés

Background Interactif

Three.js - Rendu 3D des étoiles en arrière-plan
Parallax Effect - Réactivité au mouvement de la souris
Day/Night Cycle - Transition des couleurs selon l'heure ou le scroll

Animations & Interactions

Matter.js - Physique 2D pour la section compétences
Smooth Scrolling - Navigation fluide entre les sections
Responsive Design - Adaptation à tous les écrans

Performance & Optimisations

Optimisations Frontend

Lazy Loading - Chargement à la demande des modules
Image Optimization - Images WebP et chargement différé
Code Splitting - Bundle optimisé par route

Accessibilité & SEO

SSR - Meilleur référencement
Semantic HTML - Structure accessible et SEO-friendly
ARIA Labels - Support des lecteurs d'écran

Déploiement & CI/CD

Infrastructure

Node.js Server - Rendu côté serveur et gestion des API
PM2 - Gestionnaire de processus pour applications Node.js
NGINX - Reverse proxy et serveur de fichiers statiques

Pipeline CI/CD

GitHub Actions - Build, test et déploiement automatisés
Docker - Déploiement conteneurisé pour la cohérence
Automated Testing - Tests unitaires et E2E à chaque push