Giter Club home page Giter Club logo

hello-microverse's Introduction

logo

Hello Microverse - README

๐Ÿ“— Table of Contents

๐Ÿ“– Hello Microverse Project

Hello Microverse Project is a simple project with one message in html file says "Hello Microverse!", the main purpose of this project is to learn how to add linter to a project.

๐Ÿ›  Built With

Tech Stack

This project was built with HTML and CSS.

Client

Key Features

Can be used as an example to show how linter works:

  • HTML Linter Check
  • CSS Linter Check

(back to top)

๐Ÿš€ Live Demo

See the project on GitHub Pages

(back to top)

๐Ÿ’ป Getting Started

Copy linter.yml, .hintrc and .stylelintrc.json files to your project folder in order to apply html and css linter on your project. Make sure to put linter.yml file in the same directory path as in this project, otherwise linter will not work properly.

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

Setup

Clone this repository to your desired folder:

  cd my-folder
  git clone https://github.com/mohametalmeari/Hello-Microverse.git

Prerequisites

In order to run this project you need to double click on index.html file to open it in your browser

Install

Install this project with:

  cd Hello-Microverse
  npm install
  npm install --save-dev [email protected]
  npm install --save-dev [email protected] [email protected] [email protected] [email protected]

Usage

To run linter checks, execute the following commands:

lighthouse

  lhci autorun --upload.target=temporary-public-storage --collect.staticDistDir=.

webhint

  npx hint .

stylelint

  npx stylelint "**/*.{css,scss}"

(back to top)

๐Ÿ‘ฅ Authors

This project was done by Mohamad.

๐Ÿ‘ค Mohamad

(back to top)

๐Ÿ”ญ Future Features

JavaScript file will be added with linter for Javascript.

  • JavaScript File
  • JavaScript Linter

(back to top)

๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

โญ๏ธ Show your support

If you like this project, please give it a star โญ๏ธ.

(back to top)

๐Ÿ™ Acknowledgments

I would like to thank Microverse team for helping me learning how to use linter in my projects.

(back to top)

โ“ FAQ

(back to top)

๐Ÿ“ License

This project is MIT licensed.

(back to top)

hello-microverse's People

Contributors

mohametalmeari avatar

Stargazers

 avatar

Watchers

 avatar

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.