← Retour au portfolio
Étude de cas

OhMyFood

HTMLSassAnimations CSSMobile-first

Projet réalisé dans le cadre de la formation OpenClassrooms.

Capture d'écran de OhMyFood

01Le besoin

Projet de formation OpenClassrooms : intégrer en mobile-first la maquette d'une plateforme de réservation de menus gastronomiques parisiens, avec un cahier des charges exigeant sur les animations.

02La réponse

Une intégration Sass structurée et des animations 100 % CSS : loading spinner à l'ouverture, apparition progressive des plats, boutons « like » en dégradé animé — sans une ligne de JavaScript.

03Le résultat

Toutes les animations du brief reproduites en CSS pur. Ce projet a posé les bases de mes intégrations actuelles : fidélité à la maquette, mobile-first, animations légères et performantes.

Ce que le site propose

  • Sass structuré
  • Animations CSS avancées
  • Mobile-first
  • Loading spinner sans JS
💻Code