Ohmyfood

Demande

Contexte

J’ai effectué et validé un parcours de formation Openclassrooms de 2022 à 2023, délivrant un diplôme de niveau 6 (bac + 3/4) de « développeur d’application Javascript React ». Ce parcours de formation reposait sur 11 modules principaux, comprenant chacun des cours théoriques puis un projet pratique nécessitant d’appliquer les enseignements acquis. Le projet Ohmyfood a été développé dans le cadre de ces simulations de demandes professionnelles. C’était le deuxième projet du parcours. Il portait sur le développement HTML et CSS d’un ensemble de 5 pages web responsive conformément à une maquette et à des vidéos fournies, montrant le design et les animations à réaliser en CSS.

Demandeur et projet

L’entreprise fictive demandeuse souhaitait développer une application web de commandes de repas auprès de restaurants. Seule la partie « front » était à développer. Les restaurants inscrits sur la plateforme proposeraient leur carte et le client final pourrait commander les plats de son choix. L’entreprise Ohmyfood demandait de développer la page d’accueil de l’application et 4 pages présentant les restaurants, conformément aux maquettes fournies et en respectant les contraintes ci-dessous.

Contraintes

Ce projet nécessitait de respecter les 5 maquettes fournies:

et les animations suivantes:

Ce projet devait de plus respecter les consignes suivantes:

Développement exclusivement en HTML et CSS (sans Javascript)
Aucun framework ne doit être utilisé, mais l’utilisation de Sass serait un plus
Aucun code CSS ne doit être utilisé par le biais de l’attribut style des balises HTML
Tout le code doit être versionné sur Github, et le site doit être accessible une fois terminé sur Github Pages
Comme l’audience cible est connectée et pressée, le site sera développé en « mobile first ». De ce fait, seules les maquettes pour mobile ont été faites.
Le site devra s’adapter aux tablettes et aux ordinateurs, mais étant donné que ces supports ne sont pas la priorité, les versions tablette et ordinateur seront libres à proposition de la part du développeur
Le site entier devra être responsive sur mobile, tablette et ordinateur
Les pages devront passer la validation HTML et CSS du W3C sans erreur
Le site devra être pleinement compatible avec les dernières versions de Chrome et de Firefox

Réalisation

Site

J’ai conçu les 5 pages demandées de l’application Ohmyfood ainsi (vous pouvez accéder à la version de démonstration en cliquant sur le lien):

Résultat

Les projets de simulation professionnelle Openclassrooms donnent lieu à une soutenance par visioconférence devant un professionnel qui joue le rôle du demandeur. La soutenance dure environ 30 minutes (une présentation du projet en 15 minutes environ puis des réponses aux questions du professionnel). Le projet peut alors être validé si le professionnel considère qu’il répond à toutes les demandes initiales. Il peut aussi nécessiter d’être retravaillé si le professionnel juge le travail insuffisant. Enfin, il peut nécessiter des modifications devant être corrigées sous 48 heures, si le professionnel estime que le projet est globalement satisfaisant mais qu’il y a quelques points à corriger. Dans ce cas, l’étudiant doit corriger son projet et transmettre les corrections sous 48 heures. Si le professionnel juge les corrections satisfaisantes, le projet est validé. Dans le cas où l’étudiant ne parvient pas à faire les corrections dans le temps imparti, il devra repasser la soutenance.

Ce projet, comme tous mes projets du parcours de développeur d’application Javascript React, a été validé directement ou après demande de quelques corrections. Il a donc été jugé par ce professionnel comme répondant aux demandes initiales et aux contraintes imposées.