Projet réalisé par OTTIN Timothé.
Ceci est le projet numéro 3 de la formation développeur web d'OpenClassrooms. Le projet consistais à intégrer une maquette uniquement en HTML5/CSS3. La maquette etait fournie par OpenClassrooms. Les animations étaient imposées par un cahier des charges. L'utilisation de Sass était autorisé pour gérer le CSS. Le site devait être responsive et valider les validateurs W3C.
Je possédais quelques bases en HTML5 et CSS3, que j'ai pu consolider avec ce projet. J'ai également pus découvrir les joies et le plaisir des animations !
Ce projet fut réalisé en quasi-totale autonomie. Je possédais l'aide d'un mentor OpenClassrooms une fois par semaine.
Ce projet fut évalué par un mentor évaluateur OpenClassrooms qui validait si le projet était conforme aux attentes lors d'une soutenance.
Retrouvez une version améliorée: réalisée une fois la formation terminée.
- Cloner le repo dans un dossier
- Ouvrez "index.html" dans votre navigateur
- Rendez-vous sur OhMyFood
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 plats 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. Voici le brief que vous établissez avec le CTO, Paul.
De retour à votre bureau, vous trouvez un post-it de Fanny.
Vous trouvez les maquettes du site dans votre boîte mail, envoyées par Fanny.
Vous avez désormais tous les éléments pour construire ce site mobile. Vous vous lancez dans cette nouvelle aventure !
La soutenance, d'une durée de 30 minutes, se déroule en 3 étapes :
- Dans un premier temps, un évaluateur jouera le rôle de Paul, votre CTO. Vous lui expliquerez vos choix techniques concernant la conception du site. (15 minutes)
- Dans un deuxième temps, vous répondrez aux questions de Paul pendant 5 à 10 minutes.
- Enfin, votre évaluateur reprendra pleinement son rôle d’évaluateur pendant 5 minutes pour que vous puissiez débriefer ensemble.
- Mettre en œuvre des effets CSS graphiques avancés
- Mettre en place une structure de navigation pour un site web
- Assurer la cohérence graphique d'un site web