An open API service indexing awesome lists of open source software.

https://github.com/sevlamare/lehouse

A modern restaurant page.
https://github.com/sevlamare/lehouse

dom es6 html js webpack

Last synced: 6 months ago
JSON representation

A modern restaurant page.

Awesome Lists containing this project

README

          

# Le House
> A restaurant page.

![screenshot](doc/screenshot.png)


This is a desktop webpage, build mainly to practice the webpack workflow and DOM manipulation.

## Content

* [Live Demo](#live-demo)
* [Requirements](#requirements)
* [Built With](#built-with)
* [Getting Start](#getting-start)
* [Contributing](#contributing)
* [Acknowledgments](#acknowledgments)
* [Author](#author)
* [License](#license)

## Live Demo
You can access a deployed version of this app:

https://raw.githack.com/SevlaMare/LeHouse/feature-implementation/dist/index.html

## Requirements
- [x] Setup webpack to build all from source(src) to distribuition(dist) folder
- [x] Setup npm/yarn scripts to linters, server and webpack build
- [x] Implement tabs, move between them using HTML, CSS and JS only

## Pre-requisites


  • Node

  • Npm

  • Yarn

  • Web browser

## Setup

Download all dependencies with
```js
npm install
```

Start the server with
```js
yarn go
```

Visit the app running on
```js
localhost:7000
```

## Built With

- Javascript

- HTML/CSS

- Webpack

- ESlint and Stylint (Linters)

- GitHub Actions (CI Tool)

- Git, Github and VScode

## Possible features

- Make responsive
- Refine CSS adding more modern effects
- Render the menu items from a database
- Optimize the code removing the redundances
- Use handlebars for HTML template

## Getting Start

To use this program, you will need only a web browser like google crome.

#### Get a local copy
Now you need a copy of this application, if you are using Git:
```js
git clone git@github.com:SevlaMare/LeHouse.git
```
Otherwise just hit (Download Zip) on green button (Clone or Download) at top of this page.

#### Run it live
You can just drag and drop index.html to your browser.

### Contributing

Contributions, issues and feature requests are welcome!

You can do it on [issues page](issues/).

## Acknowledgments

A special thanks for the code reviewers.

## Author

👤 **Thiago Miranda**

- Github: [@SevlaMare](https://github.com/SevlaMare)
- Twitter: [#SevlaMare](https://twitter.com/SevlaMare)
- Linkedin: [SevlaMare](https://www.linkedin.com/in/sevla-mare)

### License
Creative Commons • Ago 2020