https://github.com/raminmammadzada/js-restaurant-page

A bare-bones website for a restaurant with homepage, menu page and contact page created by using Javascript (ES6).
https://github.com/raminmammadzada/js-restaurant-page

es6 js webpack

Last synced: 12 days ago
JSON representation

A bare-bones website for a restaurant with homepage, menu page and contact page created by using Javascript (ES6).

• Host: GitHub
• URL: https://github.com/raminmammadzada/js-restaurant-page
• Owner: RaminMammadzada
• Created: 2020-12-03T17:22:34.000Z (about 4 years ago)
• Default Branch: develop
• Last Pushed: 2021-02-21T11:38:28.000Z (almost 4 years ago)
• Last Synced: 2024-11-29T00:32:26.475Z (24 days ago)
• Topics: es6, js, webpack
• Language: JavaScript
• Homepage:
• Size: 8.96 MB
• Stars: 7
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![](https://img.shields.io/badge/Microverse-blueviolet)

Microverse JS Project #2 -> JS Restaurant Page

# JS - Restaurant Page

![screenshot](./docs/images/screenshot_of_3_pages.png)

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

- [x] Miltestone 1 - Set up an HTML skeleton inside of dist/index.html with single `
` element.

- [x] Miltestone 2 - Set the style, image file loaders with Webpack.

- [x] Miltestone 3 - Create a bare-bones website for a restaurant with homepage, menu page and contact page.

- [x] 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.

- [x] Miltestone 5 - Navbar is created and 

- [x] Miltestone 6 - Tab-switching logic for navbar with listener is created.

- [x] 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](https://raminmammadzada.github.io/js-restaurant-page/)

## 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](https://github.com/RaminMammadzada)

- Twitter: [@RaminMammadzada](https://twitter.com/RaminMammadzada)

- Linkedin: [@RaminMammadzada](https://www.linkedin.com/in/raminmammadzada) 

## 🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the [issues page](issues/).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Microverse

- Odin project

## 📝 License

This project is [MIT](lic.url) licensed.