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 link
s and script
s, nothing is hard-coded to the HTML
.
npm
webpack
style-loader
css-loader
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
ornpm install --dev
to automatically install the dependencies. - You can then
- run
npm run watch
ornpx webpack --watch
to let webpack constantly monitor a change insrc/
and build automatically - or
npm run build
to build whenever.
- run
- Favicon: Paella icon by Icons8
- Restaurant title shadow code by juanbrujo
- Home Page:
- Greeting banner image by Edward Eyer at Pexels
- Dining Table by Helena Lopes at Pexels
- Shrimp Dish by Mister Mister at Pexels
- Reviews:
- Social Network Avatar Vectors by Vecteezy
- Fake reviews generated from perchance
- Menu Page:
- Food images taken from Snipstock
- Food descriptions:
- Fried Wonton - Dinner at the Zoo
- Baked Chicken Wings - Dinner at the Zoo
- Fried Chicken - Dinner at the Zoo
- Grilled Steak - Serious Eats
- Shrimp Noodles - Healthy Fitness Meals
- Fruit Dish - Cooking Classy