Microverse JS Project #2 -> JS Restaurant Page

JS - Restaurant Page

In the project I created a simple restaurant website using JS6 and finished the following milestones:

• Miltestone 1 - Set up an HTML skeleton inside of dist/index.html with single <div id="content"> element.
• Miltestone 2 - Set the style, image file loaders with Webpack.
• Miltestone 3 - Create a bare-bones website for a restaurant with homepage, menu page and contact page.
• Miltestone 4 - Each module exports a function that creates element, adds the appropriate content and styles to that element and then appends it to the DOM.
• Miltestone 5 - Navbar is created and
• Miltestone 6 - Tab-switching logic for navbar with listener is created.
• Miltestone 7 - Implement PubSup pattern to populate specific pages on specific time.

Built With

• Javascript/ES6
• npm
• Webpack
• HTML/CSS
• Github Actions
• Bootstrap

Live Demo

Live Demo Link

Getting Started

To get a local copy up and running follow these simple example steps.

• Clone the repository by runing git clone https://github.com/RaminMammadzada/js-restaurant-page.git on your terminal
• Go into project folder cd js-restaurant-page
• Run npm install
• Run npm run watch
• Go into dist folder by writing cd dist and open index.html file using your favorite browser.

Authors

👤 Ramin Mammadzada

• Github: @RaminMammadzada
• Twitter: @RaminMammadzada
• Linkedin: @RaminMammadzada

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Microverse
• Odin project

📝 License

This project is MIT licensed.