/LeHouse

A modern restaurant page.

Primary LanguageJavaScript

Le House

A restaurant page.

screenshot


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

Content

Live Demo

You can access a deployed version of this app:
https://raw.githack.com/SevlaMare/LeHouse/feature-implementation/dist/index.html

Requirements

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

Pre-requisites

  • Node
  • Npm
  • Yarn
  • Web browser

Setup

Download all dependencies with

npm install

Start the server with

yarn go

Visit the app running on

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:

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.

Acknowledgments

A special thanks for the code reviewers.

Author

👤 Thiago Miranda

License

Creative Commons • Ago 2020