https://github.com/valentinmadiot/ohmyfood-restaurant_ui
Site vitrine responsive pour quatre restaurants gastronomiques, réalisé en HTML, CSS et Sass. Animations modernes et design raffiné sans JavaScript. Parfait pour un projet UI/UX.
https://github.com/valentinmadiot/ohmyfood-restaurant_ui
animation-delay css-transitions flexbox grid-layout hover-effects html-css-sass keyframes-animation landing-pages menu-animation mobile-first mockup modular-scss no-javascript openclassrooms postcss responsive-design sass scss-mixins static-website ui-design
Last synced: 3 months ago
JSON representation
Site vitrine responsive pour quatre restaurants gastronomiques, réalisé en HTML, CSS et Sass. Animations modernes et design raffiné sans JavaScript. Parfait pour un projet UI/UX.
- Host: GitHub
- URL: https://github.com/valentinmadiot/ohmyfood-restaurant_ui
- Owner: ValentinMadiot
- Created: 2022-04-27T14:12:20.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2025-06-23T11:36:39.000Z (4 months ago)
- Last Synced: 2025-06-23T12:35:51.598Z (4 months ago)
- Topics: animation-delay, css-transitions, flexbox, grid-layout, hover-effects, html-css-sass, keyframes-animation, landing-pages, menu-animation, mobile-first, mockup, modular-scss, no-javascript, openclassrooms, postcss, responsive-design, sass, scss-mixins, static-website, ui-design
- Language: HTML
- Homepage: https://ohmyfood-restaurant-vm.netlify.app
- Size: 56.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🍴 Ohmyfood - Projet Scolaire
##
📌 Sommaire
🎨 [**Introduction**](#introduction)
🛠️ [**Technologies**](#technologies)
🚀 [**Installation**](#installation)
Ce projet présente un site vitrine pour quatre restaurants gastronomiques fictifs. Il propose une page d’accueil listant les établissements et une page individuelle par restaurant avec un menu animé.
L’interface est conçue avec **HTML5**, **CSS3** et **Sass**, sans JavaScript, pour une expérience fluide et responsive, avec animations modernes et transitions élégantes.
> 📁 Pour plus d’informations, consulte le [dossier](/.docs/).
### ✅ **Autorisé :**
- HTML5 sémantique
- CSS (Flexbox, Grid, Animations, Media Queries)
- Sass (Mixins, Variables, Keyframes)
- PostCSS Autoprefixer
### ❌ **Interdit :**
- JavaScript
- Frameworks CSS (Bootstrap, Tailwind, etc)
- Style inline dans les balises HTML
### ✅ Prérequis
- [Git](https://git-scm.com/) — Système de gestion de versions
- [Node.js](https://nodejs.org/fr) — Exécuteur local de scripts JavaScript
- [npm](https://www.npmjs.com/) — Gestionnaire de paquets JavaScript
- [Google Chrome](https://www.google.com/) — Navigateur moderne
- [Visual Studio Code](https://code.visualstudio.com/) — Éditeur de code
- [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) — Extension VS Code
### 📥 Cloner le projet
```bash
git clone git@github.com:ValentinMadiot/ohmyfood-restaurant_ui
cd ohmyfood-restaurant_ui
```
### ▶️ Lancer le projet
Il suffit d’ouvrir le fichier `index.html` dans un navigateur, ou d’utiliser l’extension **Live Server** sur VS Code pour un aperçu dynamique.