Restaurant Page

Live Link

Visit the SteakHouse Restaurant

Objectives:

• Code organization with ES6 modules in Javascript
• Using Webpack for compiling Javascript modules
• DOM manipulation

Features

This project dynamically renders a simple restaurant page with JavaScript. The page is for a conceptually named restaurant called SteakHouse. The SteakHouse homepage displays details about the restaurant. On the nav bar there are tabs with links to three other pages: Menu, Contact and About. Each rendered page contains information relevant to the title of the tab.

Prerequisites

• Internet Connection
• Node Package Manager (NPM)

Tools/Built With

• JavaScript ES6
• Webpack
• NPM
• CSS3

Getting Started

• To get started with the app, clone this project by running git clone https://github.com/george-swift/restaurant-page.git
• Run npm install to install the needed packages and dependencies
• A development tool is included in the npm script. Run npm start to fire up a local server with live reloading
• If not already redirected, visit http://localhost:8080/ in your browser to run the SteakHouse with dev server
• To terminate the server, enter Ctrl + C in your terminal
• Open the directory in your preferred IDE to view source files

Authors

👤   Ubong George

• LinkedIn: Ubong George
• Twitter: @__pragmaticdev
• GitHub: @george-swift

Acknowledgments

Webpack Guides for information used in development

Unsplash creatives for aesthetic images:

• Photocredit:
  • Home and About Page: Emerson Vieira
  • Menu Page: Carlos David Cepeda
  • Contact Page: Valentin B.Kremer

Show your support

Leave a ⭐️   if you like this project!

License

Available as open source under the terms of the MIT License.