OHMYFOOD

Ohmyfood est un site web responsive créé avec HTML et CSS et publié sur GitHub Pages. Il a été conçu lors de mon apprentissage des langages de base avec l'école Openclassrooms.

DÉTAILS DU PROJET

Objectif

L'objectif de ce projet était de développer un site "mobile first" qui répertorie les menus de restaurants gastronomiques. Le site devait permettre la réservation en ligne et la composition de menus personnalisés, avec une expérience utilisateur fluide et des animations CSS soignées.

Technologies utilisées

J'ai utilisé HTML5 pour structurer le contenu et CSS3 avec Sass pour le style et les animations. L'approche "mobile first" a guidé tout le développement, avec une adaptation progressive pour les écrans plus grands. Le préprocesseur Sass m'a permis d'organiser mon code CSS en modules réutilisables et de simplifier la création d'animations complexes.

Défis et solutions

Le principal défi était de créer des animations fluides et attrayantes pour améliorer l'expérience utilisateur. J'ai implémenté des transitions sur les cartes de restaurants, des animations de chargement, et des effets de survol sur les boutons. Un autre défi était d'assurer la compatibilité sur différents navigateurs et appareils. Pour résoudre ces problèmes, j'ai utilisé des propriétés CSS modernes avec préfixes de fournisseurs et des tests approfondis.