- Présentation du projet
En tant que développeur junior depuis peu chez Ohmyfood, une jeune start-up qui souhaite se faire une place sur le marché de la restauration. Il m'a été confié comme projet de développer leur site web en France car ils sont déjà présent aux États-Unis.
- Les consignes
Pour réaliser le site ohmyfood, il fallait suivre un brief créatif et un guide des étapes clés.
Il fallait respecter la maquette du site disponible sur Figma.
Le but du projet est de faire un site responsive en mobile first tout en créant des animations sur la page d'accueil et sur les pages des menus de chaque restaurant.
-
Pour la page d'accueil :
- un loader avant l'affichage de la page
- une animation sur le coeur pour mettre un restaurant en favori
-
Pour la page d'accueil :
- un loader avant l'affichage de la page
- une animation sur le coeur pour mettre un restaurant en favori
-
Pour les pages des menus :
- faire apparaitre les éléments du menu au fur et mesure quand on est sur la page.
-
Le site Ohmyfood
Pour avoir un aperçu de ce qui a été réalisé, il faut visiter Ohmyfood!
Pour réaliser le site Ohmmyfood, j'ai utilisé l'IDE Visual Studio Code (VSC).
Pour pouvoir mettre en place le SASS et qu'il soit pris en compte par VSC, il a fallu installé une extension qui s'appelle "Live Sass Compiler".
Cette dernière permet de creér les fichier css depuis les fichiers Sass, et les ficier css seront appelable dans les fichiers html.
Pour que les styles des fichiers Sass soient pris en compte par les .css, il faut cliquer sur watch SASS et sauvegarder le .scss.
En lançant le .html lié aux css dans un navigateur les styles seront donc pris en compte et visible.