OhMyFood

Projet 4 du parcours "Intégrateur Web" chez OpenClassrooms. L'objectif est de développer le site OhMyFood en "Mobile First" et de le dynamiser avec des animations CSS en utilisant le préprocesseur Sass.

Mission :

Objectifs

• Développer un site proposant le menu de 4 grands restaurants parisiens.
• Permettre la réservation en ligne et la composition de menus.

Développer le site en "mobile first" selon la maquette

Composition :

• Une page d'accueil
• Quatre pages contenant le menu d'un restaurant

Identité graphique :

• Polices : Shrikhand, et Roboto
• Couleurs :

Animations :

• Un loader : sur la page d'accueil, durée : 1 à 3s
• Boutons : la couleur de fond s'éclaircit, et l'ombre portée est plus visible lors du survol
• Bouton J'aime : en forme de coeur, se remplit progressivement au clic
• Menus : apparaissent progressivement avec un léger décalage, par groupe "Entrée", "Plat", "Dessert"
• Plats : lors de l'ajout d'un plat par un clic, une petite coche apparaît à droite

Responsive Design

• Mobile
• Tablette
• Ordinateur

Compatibilités

• Chrome
• Firefox

Technologies

• Recommandées : HTML / CSS / Sass**
• Interdits : JavaScript**

Vous pouvez retrouver le brief complet ici