GourmeTech - Plateforme de recettes culinaires interactive

🎯 Fonctionnalités développées :

Système de filtrage multicritère (catégorie, temps, difficulté) avec JavaScript vanilla
Gestion des favoris avec persistance des données via localStorage
Page détaillée de recette avec informations nutritionnelles et étapes illustrées
Formulaire de contact avec validation en temps réel (Regex, longueur, RGPD)
FAQ interactive avec système d'accordéon accessible (ARIA)
Thème sombre/clair avec sauvegarde des préférences utilisateur
Navigation responsive avec menu burger pour mobile

🚀 Défis techniques relevés :

Architecture CSS modulaire avec fichiers séparés par fonctionnalité
Système de filtrage dynamique sans rechargement de page
Gestion d'état complexe avec localStorage pour les favoris
Validation de formulaire personnalisée en JavaScript pur
Accessibilité web (attributs ARIA, navigation clavier)
Animations CSS avec keyframes pour une UX fluide

💻 Technologies : HTML5, CSS3 (Flexbox/Grid), JavaScript ES6, localStorage, Google Fonts (Roboto)
🎨 Design : Interface moderne et intuitive avec système de design cohérent basé sur des variables CSS, responsive mobile-first, animations et transitions fluides
📱 Responsive Design : Breakpoints à 768px (tablette) et 1024px (desktop) avec layouts adaptatifs en Grid et Flexbox
Ce projet m'a permis de maîtriser les fondamentaux du développement web front-end, la gestion d'état côté client et l'importance de l'accessibilité web.

Lien: http://gourmetech.karimmoumid.fr/