This project is the thrid project from the Openclassrooms Web Developer training program.
The project consists in developping the front-end part of Ohmyfood! website which allows customers to choose a restaurant and create a custom menu.
Site URL: Ohmyfood website
- Semantic HTML5 markup
- CSS
- Sass preprocessor
- Sass 7-1 architecture
- BEM naming convention
✔️ Ensuring website visual consistency
✔️ Using a version control system for project monitoring and website hosting
✔️ Implementing advanced CSS animations
✔️ Setting up your front-end environment
✔️ Creating a website navigation structure
This website interface follows the specifications given in a creative brief and a mobile version mockup.
- Mobile-first design
- Responsive website for mobile, tablet and desktop
- HTML and CSS code validated by W3C validator
- Compatible with Chrome and Firefox latest versions
- Home page :
- disabled form for localization
- short company presentation with CTA
- process list
- clickable cards for each restaurant
- specific animations for like buttons
- loading spinner overview
- Menu pages :
- menu items animated appearance
- added items animation
✔️ Allowed: HTML5, CSS, Sass
❌ Forbidden: Javascript, inline CSS, any framework
Colors :
Color | Hex |
---|---|
Primary | #9356DC |
Secondary | #FF79DA |
Tertiary | #99E2D0 |
Fonts :
- Logo et titles: Shrikhand
- Text: Roboto