Dynamiser une page Web avec des animations CSS
Il s'agit d"un projet d'initiation à Sass et aux animations en CSS.
Le scénario : Vous venez d’être recruté chez Ohmyfood!, en tant que développeur junior. Félicitations !
Ohmyfood! est une jeune startup qui voudrait s'imposer sur le marché de la restauration. L'objectif est de développer un site 100% mobile qui répertorie les menus de restaurants gastronomiques. En plus des systèmes classiques de réservation, les clients pourront composer le menu de leur repas pour que les menuBlocs soient prêts à leur arrivée. Finis, les temps d'attente au restaurant !
Vous faites partie des 4 heureux élus qui ont la chance de travailler sur ce beau projet.
L’équipe se compose de :
Paul, le CTO du futur site ;
Fanny, l’UX designer recrutée pour mettre le site aux couleurs de Paris ;
Anissa, commerciale chargée de démarcher les restaurants ;
et vous, chargé du développement du site.
Anissa est en plein démarchage pour ce projet, auprès des restaurateurs. Elle vous interpelle à la machine à café :
Tu connais pas la nouvelle ? Tu te rappelles le responsable commercial de ton resto préféré ? J’ai réussi à le convaincre, avec 3 autres, de déposer leurs cartes en ligne ! Je t’envoie le dossier avec les 4 menus dans l’après-midi. À toi de jouer, maintenant !
Vous décidez alors, avec l’équipe, que le site contiendra 4 menus dans un premier temps.
Pour ce projet, tout le code sera versionné sur Github avec des commits réguliers pour suivre son avancement et publier le site en ligne plus facilement.
Vous avez désormais tous les éléments pour construire ce site mobile. Vous vous lancez dans cette nouvelle aventure !
Instructions techniques :
Pour activer la compilation des CSS, penser à modifier le nom du ficher scss et du css dans le script du json : main.scss pour modifier style.css et resto.scss -> resto.css