Skip to content

Single page webpage with LESS support and vanillaJS framework

License

Notifications You must be signed in to change notification settings

Israel-Laguan/HTML-LESS-JS-no-webpack-starter

Repository files navigation

Forks Stargazers Issues-open Issues-closed Contributors Framework contributions welcome


Logo

HTML-LESS-JS-no-webpack-starter

Single page webpage with LESS support and vanillaJS framework
🖊️ Read the article 🐞 Report a Bug 🙋‍♂️ Request Feature

Table of Contents

JS no-webpack Template

Welcome to our Javascript template meant to be used for Microverse's projects on JS (before webpack)! Generate your JS project the easy way!

Features

  • Setup a basic VanillaJS app with a single script or few commands
  • Makes LESS ready to use with all its benefits
  • Lets us use JS modules and ES6+ available for most browsers
  • Ready made examples on CSS and Less
  • Sets stickler on the repo
  • Sets eslint rules
  • Example of Web Components
  • Gives you a great README to start with
  • Easy to generate projects in GitHub
  • Meant to be useful for Microverse students and anyone that wants a JS' Apps (no webpack)

Pre Requisites

The script requires you to have:

  • Some compatible Linux OS (We tested on Debian/Ubuntu derivatives)
  • nodejs latest LTS version
  • git and normal development stuff
  • Basic terminal and script knowledge
  • Some common sense

Now, this is meant to be used as a GitHub Template, so please don't clone this repository (unless you want to collaborate), use this button instead.

Creating a new project

After you used the template in your project, clone your project in you PC and open a terminal inside your project, like this:

git clone <your-repo-link>
cd <Your-project>

First run the script provided:

chmod -x ./run_me.sh
bash ./run_me.sh

In VS Code, Ctrl + Shift + X Search ESLint Install ESLint Restart VS Code

Last but not least the script remove this README and substitute for the renamed README.TEMPLATE (meant to be used for Microverse Projects), so if you are running each command instead of using the script make the change of READMEs manually.

Troubleshooting

License

This project is licensed under the Apache 2 License - see the LICENSE.md file for details.

Author

Contributing

contributions welcome

🤝 Contributions, issues and feature requests are welcome! Feel free to check the issues page.

Show your support

🤗 Give a ⭐️ if you like this project!

Icons from:

Icons8

About

Single page webpage with LESS support and vanillaJS framework

Resources

License

Stars

Watchers

Forks

Contributors 4

  •  
  •  
  •  
  •