{"id":17035707,"url":"https://github.com/xety/ohmyfood","last_synced_at":"2026-04-29T15:06:32.806Z","repository":{"id":84557253,"uuid":"481393045","full_name":"Xety/ohmyfood","owner":"Xety","description":"Projet 3 de la formation Développeur Web d'OpenClassRoom.","archived":false,"fork":false,"pushed_at":"2022-04-18T15:58:24.000Z","size":8514,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-08T08:11:47.394Z","etag":null,"topics":["animation-css","css3","html5","ohmyfood","openclassrooms","sass"],"latest_commit_sha":null,"homepage":"https://ohmyfood.xetaravel.com","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Xety.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-04-13T22:32:44.000Z","updated_at":"2022-04-16T00:37:12.000Z","dependencies_parsed_at":"2023-03-11T07:15:34.255Z","dependency_job_id":null,"html_url":"https://github.com/Xety/ohmyfood","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Xety/ohmyfood","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xety%2Fohmyfood","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xety%2Fohmyfood/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xety%2Fohmyfood/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xety%2Fohmyfood/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Xety","download_url":"https://codeload.github.com/Xety/ohmyfood/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Xety%2Fohmyfood/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259824773,"owners_count":22917340,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation-css","css3","html5","ohmyfood","openclassrooms","sass"],"created_at":"2024-10-14T08:47:49.915Z","updated_at":"2026-04-29T15:06:27.782Z","avatar_url":"https://github.com/Xety.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e \u003cp align=\"center\"\u003e\n\u003e   \u003cimg src=\"https://user-images.githubusercontent.com/8210023/163654805-421f6ecf-43bb-4710-91a8-4a0180289e7f.png\" alt=\"ohmyfood Logo\" height=\"60\"/\u003e\n\u003e \u003c/p\u003e\n\u003e\n\u003e Projet 3 de la formation Développeur Web d'OpenClassRoom.\n\u003e\n\u003e ![Screenshot_727](https://user-images.githubusercontent.com/8210023/163652208-60313854-f362-4592-b424-daf7edc4aab6.png)\n\u003e\n\u003e ### Cahier des Charges\n\u003e\n\u003e **Identité graphique**\n\u003e *Polices*\n\u003e - Logo et titres: Shrikhand\n\u003e - Texte: Roboto\n\u003e\n\u003e *Couleurs*\n\u003e - Primaire : #9356DC\n\u003e - Secondaire : #FF79DA\n\u003e - Tertiaire : #99E2D0\n\u003e\n\u003e **Technologies**\n\u003e - Le développement devra se faire en CSS, sans JavaScript.\n\u003e - Aucun framework ne devra être utilisé, en revanche l’utilisation de SASS serait un\nplus.\n\u003e - Aucun code CSS ne devra être appliqué via un attribut style dans une balise HTML.\n\u003e - Tout le code doit être versionné sur GitHub et le site devra être accessible sur\nGithub Pages une fois terminé.\n\u003e\n\u003e **Compatibilité**\n\u003e La cible étant les personnes connectées et pressées, le site sera développé en utilisant\nl’approche mobile-first. Pour cette raison, seules des maquettes mobiles seront réalisées.\n\u003e - L’ensemble du site devra être responsive sur mobile, tablette et desktop.\n\u003e - Les pages devront passer la validation W3C en HTML et CSS sans erreur.\n\u003e - Le site doit être parfaitement compatible avec les dernières versions desktop de\nChrome et Firefox.\n\u003e\n\u003e **Planning**\n\u003e - Date de livraison de la première version du site : sous 1 mois.\n\u003e - Date de livraison de la deuxième version du site : sous 6 mois.\n\u003e\n\u003e **Boutons**\n\u003e - Au survol, la couleur de fond des boutons principaux devra légèrement s’éclaircir.\nL’ombre portée devra également être plus visible.\n\u003e - À terme, les visiteurs pourront sauvegarder leurs menus préférés. Pour ça, un\nbouton \"J’aime\" en forme de cœur est présent sur la maquette. Au clic, il devra se\nremplir progressivement. Pour cette première version, l’effet peut être apparaître au\nsurvol sur desktop au lieu du clic.\n\u003e\n\u003e **Page d’accueil**\n\u003e - Quand l’application aura plus de menus, un “loading spinner” sera nécessaire. Sur\ncette maquette, nous souhaitons en avoir un aperçu. Il devra apparaître pendant 1 à\n3 secondes quand on arrive sur la page d'accueil, couvrir l'intégralité de l'écran, et\nutiliser les animations CSS (pas de librairie). Le design de ce loader n’est pas défini,\ntoute proposition est donc la bienvenue tant qu’elle est cohérente avec la charte\ngraphique du site.\n\u003e\n\u003e **Pages de menu**\n\u003e - À l’arrivée sur la page, les plats devront apparaître progressivement avec un léger\ndécalage dans le temps. Ils pourront soit apparaître un par un, soit par groupe\n“Entrée”, “Plat” et “Dessert”. Un exemple de l’effet attendu est fourni.\n\u003e - Le visiteur peut ajouter les plats qu'il souhaite à sa commande en cliquant dessus.\nCela fait apparaître une petite coche à droite du plat. Cette coche devra coulisser de\nla droite vers la gauche. Pour cette première version, l’effet peut apparaître au survol\nsur desktop au lieu du clic. Si l’intitulé du plat est trop long, il devra être rogné avec\ndes points de suspension. Un exemple de l’effet attendu est fourni.\n\u003e\n\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxety%2Fohmyfood","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxety%2Fohmyfood","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxety%2Fohmyfood/lists"}