Ohmyfood

Vue d'ensemble du projet

J'avais en charge le développement d'un site “mobile first” qui répertorie les menus de restaurants gastronomiques.
En plus des systèmes classiques de réservation, les clients peuvent composer le menu de leur repas pour que les plats soient prêts à leur arrivée.
L’équipe commerciale a déjà réussi à convaincre 4 restaurateurs d’utiliser la plateforme OhMyFood.
Le site contiendra 4 menus dans un premier temps.

Les étapes du projet :
● Mettre en place votre environnement de développement : mettre le projet sur GitHub et créer une structure de projet contenant un dossier pour les assets, un dossier pour le SASS ou le CSS et un dossier pourles pages "restaurants"
● Intégrer la version mobile de la page d’accueil sans les animations.
● Ajouter les animations à la page d’accueil.
● Réaliser le responsive de la page d’accueil en identifiant des breakpoints standard afin d’éviter de multiplier les media queries.
● Intégrer le code d’une page de restaurant et valider la page au W3C pour le HTML et le CSS.
● Copier la page de restaurant et adapter le contenu aux restaurants restants dans tous les formats.

Le projet se basait sur des éléments préparés au préalable :
● Les maquettes desktop et mobile du site Ohmyfood.
● Le prototype du site via Figma incluant les animations et comportements à intégrer.
● Les fichiers sources (images et textes)

Les compétences évaluées étaient :
● Intégrer une maquette en mobile-first
● Mettre en œuvre des animations CSS soignées
● Versionner son projet avec Git et Github
● Utiliser SASS pour le style

Pour mener à bien ce projet, j'ai suivi les cours OpenClassrooms suivants :
● Simplifiez vous le CSS avec Sass
● Créez des animations CSS modernes
● Gérez du code avec Git et GitHub
● Mettez en place un système de veille informationnelle
● Apprenez à utiliser la ligne de commande dans un terminal
● Devenez un expert de Git et GitHub

N’hésitez pas à consulter le code et le visuel du projet en visitant les liens correspondants ci-dessous.