Skip to content

jujudev7/ohmyfood

Repository files navigation

Ohmyfood 🍴

Ohmyfood est un site 100% mobile qui répertorie les menus de restaurants gastronomiques.

Objectifs 🎯

Dynamiser les page web avec des animations CSS

  • transitions
  • @keyframes

Utiliser SASS pour la partie CSS

  • indentation du code
  • organisation des fichiers via le pattern 7-1
  • node.js

Utiliser GitHub

  • commits en lignes de commandes (git add *, status, commit -m "", git push, git branch...)
  • Pages pour héberger le site

Screenshots 📸

Responsive design (Desktop, Tablet, Mobile)

screeshots

Demo 👀

▶️ https://jujudev7.github.io/ohmyfood/

Tuto Step by Step 👣

  • Installer Node.js : https://nodejs.org/en/
  • npm init
  • npm install sass (installation locale) ou npm install -g sass (installation globale)
  • Créer un script : "scripts": { "sass": "sass --watch ./sass/main.scss:./public/css/style.css" },
  • npm run sass

About

Foof website with animation CSS - SASS

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published