OhMyFood is a website that catalogs menus from gourmet restaurants, offering a responsive interface with some cool CSS animations.
OhMyFood is designed to showcase menus from high-end restaurants, providing users with an engaging and interactive experience. The platform features a responsive design that adapts seamlessly to various devices and screen sizes, ensuring optimal viewing across desktops, tablets, and mobile phones.
- Create a responsive web interface that works flawlessly on all devices
- Implement advanced CSS animations, including a loading spinner
- Showcase menus from select gourmet restaurants
- Provide an intuitive and visually appealing user experience
- HTML5
- CSS3
- Sass (CSS preprocessor)
To set up the project locally, follow these steps:
-
Open your terminal and run the following command to clone the repository:
git clone https://github.com/hichamecode/P3-OhMyFood.git
-
Navigate to the project directory:
cd P3-OhMyFood
- Responsive Design: Works flawlessly on desktops, tablets, and mobile devices
- Advanced CSS Animations: Includes transitions, hover effects, and a loading spinner
- Sass Implementation: Uses the 7-1 pattern for a manageable codebase and organized structure
- Engaging Visuals: Creates a visually appealing experience for users viewing restaurant menus
The project is organized as follows:
P3-OhMyFood/
├── index.html # The main entry point of the website
├── css/ # Directory containing compiled CSS files
├── sass/ # Directory containing Sass source files
└── assets/ # Directory for storing image assets
This project was developed as part of the OpenClassrooms training program, and contributions are not accepted at this time.
This project is not open for contributions and has no specific license associated with it. It is part of the OpenClassrooms curriculum.