TB

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