Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ibrahimalsabr/ohmyfood
https://github.com/ibrahimalsabr/ohmyfood
animation animation-css css front-end front-end-development html responsive-design responsive-layout responsive-web-design
Last synced: 26 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/ibrahimalsabr/ohmyfood
- Owner: IbrahimAlsabr
- Created: 2024-05-20T07:36:27.000Z (8 months ago)
- Default Branch: master
- Last Pushed: 2024-05-29T08:23:54.000Z (7 months ago)
- Last Synced: 2024-05-29T11:14:40.353Z (7 months ago)
- Topics: animation, animation-css, css, front-end, front-end-development, html, responsive-design, responsive-layout, responsive-web-design
- Language: HTML
- Homepage: https://ibrahimalsabr.github.io/OhMyFood/
- Size: 11.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# OhMyFood
## Overview / Aperçu
**English:**
This project is the development of the OhMyFood website based on the finalized mobile and desktop mockups provided by the UX designer. The goal is to create a responsive website with a "mobile first" approach, ensuring smooth animations and an excellent user experience across mobile, tablet, and desktop devices.
**Français:**
Ce projet consiste en le développement du site OhMyFood basé sur les maquettes mobiles et desktop finalisées fournies par le designer UX. L'objectif est de créer un site web responsive avec une approche "mobile first", garantissant des animations fluides et une excellente expérience utilisateur sur les appareils mobiles, tablettes et desktops.
## Installation / Installation
**English:**
1. Clone the repository:
```sh
git clone https://github.com/yourusername/ohmyfood.git
cd ohmyfood
```
**Français:**
1. Cloner le dépôt :
```sh
git clone https://github.com/yourusername/ohmyfood.git
cd ohmyfood
```
**English:** 2. Run `npm install` to install dependencies.
**Français:** 2. Exécuter `npm install` pour installer les dépendances.
**English:** 3. Run `npm start` to start the application.
**Français:** 3. Exécuter `npm start` pour démarrer l'application.
## Development / Développement
### Compile SCSS / Compiler SCSS
**English:**
To compile SCSS to CSS, use the following command:
**Français:**
Pour compiler SCSS en CSS, utilisez la commande suivante :
`sass sass/styles.scss css/styles.css`
**English:**
To automatically compile SCSS files whenever changes are made, use:
**Français:**
Pour compiler automatiquement les fichiers SCSS à chaque modification, utilisez :
`sass --watch sass/styles.scss:css/styles.css`
## Run the Project / Exécuter le projet
**English:**
Open `index.html` in your web browser to view the project.
**Français:**
Ouvrez `index.html` dans votre navigateur web pour voir le projet.