OhMyFood

Caution

This repository hosts a project completed as part of my OpenClassrooms training program. Having successfully completed the program, the project has now been archived and will no longer be actively maintained. Please be aware that while the repository will remain accessible for reference, some links or features may no longer function as intended.

Overview

The Project

The project is to create a website prototype for OhMyFood by integrating the HTML and CSS model and making it dynamic with CSS animations and transitions.

User Story

• the integration must be done only in HTML5 and CSS3, no frameworks must be used.
• The HTML must be validate by W3C.
• The CSS must be validate by W3C.
• The website must be responsive.
• The integration must be done in mobile first.
• The prototype must be compatible with the latest versions of Google Chrome and Mozilla Firefox.

Technology Stack

• Authorized: HTML / CSS / Sass
• Recommended: HTML / Sass
• Prohibited: JavaScript / Framework CSS / Inline CSS

Style Guide

Colors

The colors are: #9356DC, #FF79DA, #99E2D0

Font

The font is:

• Shrikhand for the headings.
• Roboto for body.

Local Development

1. Clone the repository

git clone https://github.com/alexperronnet/openclassrooms-03-ohmyfood.git

2. Navigate to the repository

cd openclassrooms-03-ohmyfood

3. Install dependencies

npm install

4. Start the development server

npm run dev

5. Genrate production build

npm run build

6. Preview the production

npm run preview

License

This is an OpenClassrooms project. The code is freely reusable, but assets (images and logo) are not because they are not mine.

If you are also a student of OC, you can freely use my work as inspiration, but I advise you not to copy parts of it.