Code Monkey home page Code Monkey logo

lehouse's Introduction

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

lehouse's People

Contributors

sevlamare avatar

Stargazers

Roman avatar Rafael Nazario avatar

Watchers

James Cloos avatar  avatar

lehouse's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.