https://github.com/andreap2a/ohmyfood
2nd projet pratique réalisé dans le cadre du cursus "Développeur d'Application - Javascript React" chez OpenClassrooms.
https://github.com/andreap2a/ohmyfood
html-css html-css-only javascript-react javascript-react-developer openclassrooms openclassrooms-code openclassrooms-dwj-projet2 openclassrooms-frontend openclassrooms-frontend-path openclassrooms-student projet-etudiant react-developer student-project
Last synced: 9 months ago
JSON representation
2nd projet pratique réalisé dans le cadre du cursus "Développeur d'Application - Javascript React" chez OpenClassrooms.
- Host: GitHub
- URL: https://github.com/andreap2a/ohmyfood
- Owner: AndreaP2A
- Created: 2024-06-05T09:06:35.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-02T11:15:53.000Z (over 1 year ago)
- Last Synced: 2025-02-13T17:52:03.085Z (11 months ago)
- Topics: html-css, html-css-only, javascript-react, javascript-react-developer, openclassrooms, openclassrooms-code, openclassrooms-dwj-projet2, openclassrooms-frontend, openclassrooms-frontend-path, openclassrooms-student, projet-etudiant, react-developer, student-project
- Language: HTML
- Homepage: https://andreap2a.github.io/Ohmyfood/index.html
- Size: 25.6 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
OhmyFood
Ohmyfood est une application qui répertorie les menus de restaurants gastronomiques dans une ville choisie et vous permet non seulement d'y réserver une table en ligne, mais aussi de composer à l'avance votre menu afin que vos plats soient prêts à votre arrivée.
## Contexte du projet
Ohmyfood est un projet fictif, constituant le 2nd projet pratique dans le cadre du cursus que je suis chez OpenClassrooms. Celui-ci m'a amené à travailler sur :
- une interface responsive pensée en "mobile-first" d'un site de réservation de restaurant en ligne (breakpoints classique de 1440px pour desktop, 1024px pour tablette et 375px pour mobile)
- la mise en oeuvre d'animations CSS, Javascript était proscrit !
- l'apprentissage de SASS pour structurer et optimiser mon CSS
- le respect d'un brief créatif, cahier des charges
- le versionnage de mon projet avec Git et GitHub
- la publication de mon rendu en ligne via GitHub Pages
## Technologies utilisées
## En attendant de réserver chez Ohmyfood un jour... des animations !
- Aussi rapide que notre connexion internet soit, il y a toujours un temps de chargement, même infime... durant ce temps en question, admirez une petite animation de chargement.
- Un bouton tout plat sans animation, ça ne donne pas envie de cliquer... L'équipe technique a donc opté pour un petit "glow" du call-to-action d'Ohmyfood au survol !
- Envie de marquer votre restaurant comme "favori", dans les résultats de recherche ou sur le menu ? Un click et le coeur se rempli d'un beau gradient violet, un autre click et il se vide.
- Dans un soucis de fluidité, les différentes sections des menus apparaissent les uns après les autres au chargement de la page.
- Pour être certain d'avoir choisi nos plats, il est utile d'avoir un marqueur nous confirmant notre choix après click : une animation fluide de type "check" a été choisie.
## Test du projet
1. Clonez ce dépôt de code sur votre machine locale.
2. Ouvrez le fichier `index.html` dans votre navigateur web.
3. Késako ? Pas le temps ? N'hésitez pas à visiter la version en ligne !
## Site en ligne
https://andreap2a.github.io/Ohmyfood/index.html
## Contact
andrea.porche2a@gmail.com
Lien du repo: [https://github.com/AndreaP2A/Ohmyfood](https://github.com/AndreaP2A/Ohmyfood)