REPOSITORY OVERVIEW

Live repository statistics

★ 0Stars

⑂ 0Forks

◯ 0Open issues

◉ 0Watchers

37/100

OPENREPOHUB HEALTH SIGNAL

Limited signals

A transparent discovery signal based on current public GitHub metadata.

Recent activity35% weight

Community adoption25% weight

Maintenance state20% weight

100

License clarity10% weight

100

Project information10% weight

This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.

README preview

Kanban Restaurant

📗 Table of Contents

Kanban Restaurant
📗 Table of Contents
📖 Kanban Restaurant

📖 Kanban Restaurant

This project Kanban Restaurant is a project that demonstrates the use of HTML & CSS and Javascript Moduler development.

With External API consumption, it also demonstrates the proper use of Async and Await to send and receive data.

Built using WEBPACK following GitFlow it is very simple yet powerful project served by WEBPACK DEV SERVER . Along with dynamic modification of the DOM with Events including all the coding best practices.

🛠 Built With

Tech Stack

Key Features

Use of callbacks and promises.
Use of async and await.
Use proper ES6 syntax and ES6 modules to write modular JavaScript.

🚀 Live Demo

Please follow the link for a live demo.

The Kanban Restaurant

💻 Getting Started

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

Prerequisites

In order to run this project you need:

Git.
An IDE (e.g. VS Code)
Browser to run.

Setup

Clone this repository to your desired folder:

Using Git Bash or any integrated terminal of you choice.
Open with code editor (e.g. VS Code).
Open the index.html file using any local server (e.g. live server extension in VS Code)

Usage

To run the project, execute the following command:

Open the index.html file on a local server on your browser.

To add dependencies and run linter tests

Follow the following:

Initial Step:

mkdir .github/workflows
copy the linters.yml file to the directory created above.
touch .gitignore if not created already and add node_modules/ to it.
initialize npm to create package.json file by running the command:

$ npm i -y

(here i for install & -y for saying yes to all)

For Webpack:

To install Webpack and Webpack CLI:

$ npm install webpack webpack-cli --save-dev

To optaionally install a JS library as an example (e.g. Lodash)

$ npm install --save lodash (optional)

To install the HtmlWebpackPlugin plugin.

$ npm install --save-dev html-webpack-plugin

To install style-loader and css-loader

$ npm install --save-dev style-loader css-loader

To install the webpack-dev-server as a dev dependency (to use live reloading)

$ npm install --save-dev webpack-dev-server

List of the commands to run the build (with all the alternatives).

To build and run with the webpack dev server:

$ npm start

(Will be served at: http://localhost:8080/)

To build only :

$ npm run build

(and then may be served using a local server e. g. Live Server in VS Code)

(Optional Alternatives)

$ npm run webpack or, $ npm run webpack --mode production

$ npx webpack

$ npx webpack --mode production

$ npx webpack --config webpack.config.js

For Webhint (optional):

npm install --save-dev hint@7.x

To fix validation errors run:

npx hint .

For Stylelint

npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x

Copy .stylelintrc.json to the root directory of your project.
Run

npx stylelint "**/*.{css,scss}" on the root of your directory of your project.

Fix linter errors.

ESLint

npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x

Copy .eslintrc.json to the root directory of your project.
Run

npx eslint .
on the root of your directory of your project.

Fix linter errors.

Deployment

You can deploy this project using:

GitHub Pages for the main branch. A deployed version can be found here: https://...

👥 Author

Developed by:

Authors

GitHub: @porag-m06
Twitter: @twitterhandle
LinkedIn: LinkedIn

GitHub: ghermaico135

Twitter: @Mikidarling3
LinkedIn: Michael okbamichael

GitHub: maryam0007

Twitter: @maryam5905
LinkedIn: Maryam Bakhtawar

🔭 Future Features

Improve Aesthetics & Design

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

⭐️ Show your support

As a tech enthusiast, your support is always appreciated. If you like this project please do let me know with your support in any way you see fit.

🙏 Acknowledgments

I would like to thank Microverse for this project & project guidelines.

❓ FAQ

Can I fork this project?
- Yes, feel free to fork and knock yourself out :) .
Can I share this project with others?
- Yes, you can share this project for any educational purposes.

📝 License

This project is MIT licensed.

ALGORITHMICALLY RELATED

Similar Open-Source Projects

Selected from shared topics, language and repository description—not editorial ratings.

Asabeneh /

30-Days-Of-JavaScript

★ 46.6K

30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw

86/100 health

Recently updatedPopularActive repository

JavaScriptNo license#30daysofjavascript#angular#challenge#css

⑂ 10.5K forks◯ 368 issuesUpdated today

View details View on GitHub ↗

ziahamza /

webui-aria2

★ 10.3K

The aim for this project is to create the worlds best and hottest interface to interact with aria2. Very simple to use, just download and open index.html in any web browser.

85/100 health