JS-Webpack-linters-template

A template repo for Webpack, eslint and stylint setup

About the project:

In this project, I built a ......... This project project was built following the specifications , and user storiess given by .....: Read the projects specifications

Built with:

Table of content:

• About the project
• Built with
• Presentation/Demo
• Dependencies
• Linting tools:
• Getting started
• Deployment
• Author
• Contributing
• Acknowledgments
• License

Presentation/Demo:

• Video-presentation of the project Demo-Live .......

• Main views screenshots:

Dependencies:

Iportant Gems and dependencies used in this web application:

Dependency	for	Development	Test	Production
Webpack	Bundler and compiler	⭐️
file-loader	Assets management	⭐️
style-loader	Assets management	⭐️
stylelint	Css linter	⭐️
eslint	Javascript linter	⭐️

Linting tools:

Linter	Use	Files
eslintrc	Linting Javascript files	.js
Stylelint	Linting styling errors	.css .scss

Getting started (Development)

To get a local copy of the repository please run the following commands on your terminal:

$ git clone git@github.com:CalyCherkaoui/JS-Webpack-linters-template.git
$ cd JS-Webpack-linters-templat
$ git branch feature
$ git checkout feature
$ npm install

To activate Webpack watch mode:

$ npm run watch

To lint your Js code:

$ npx eslint . --fix

to lint you styling:

$ npx stylelint "**/*.{css,scss}" --fix

Deployment:

This web-application was deployed with github pages

Author

👤 Houda Cherkaoui

• Github: @CalyCherkaoui
• Twitter: @Houda59579688
• Linkedin: Houda-Cherkaoui

🤝 Contributing

Contributions, issues and feature requests are welcome!

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• IMAGE CREDITS TO https://www.pexels.com/.
• Hat tip to stackoverflow comunity.
• Hat tip to Microverse TSE for Code Review.
• Hat tip to anyone whose code was used

📝 License

All source codeis available jointly under the MIT License. See MIT licence for details.