yethranayeh / restaurant-page

A restaurant page created for The Odin Project

The Melting Pot

Hello 👋

Welcome to my imaginary restaurant page! 🍽

This is a single page website, a mockup created for The Odin Project. It consists of a Home page, a Menu page and a Contact page. All page content is created dynamically using JavaScript. Except for the links and scripts, nothing is hard-coded to the HTML.

Technologies Used

• npm
• webpack
  • style-loader
  • css-loader

Installation

The dist/ folder has the production files that are currently hosted on the Github Pages.

If you would like to make changes and build from the source files, the package.json file contains the dependencies.

• You should be able to run npm install or npm install --dev to automatically install the dependencies.
• You can then
  • run npm run watch or npx webpack --watch to let webpack constantly monitor a change in src/ and build automatically
  • or npm run build to build whenever.

Credits

1. Favicon: Paella icon by Icons8
2. Restaurant title shadow code by juanbrujo
3. Home Page:
   1. Greeting banner image by Edward Eyer at Pexels
   2. Dining Table by Helena Lopes at Pexels
   3. Shrimp Dish by Mister Mister at Pexels
   4. Reviews:
      • Social Network Avatar Vectors by Vecteezy
      • Fake reviews generated from perchance
4. Menu Page:
   1. Food images taken from Snipstock
   2. Food descriptions:
      1. Fried Wonton - Dinner at the Zoo
      2. Baked Chicken Wings - Dinner at the Zoo
      3. Fried Chicken - Dinner at the Zoo
      4. Grilled Steak - Serious Eats
      5. Shrimp Noodles - Healthy Fitness Meals
      6. Fruit Dish - Cooking Classy