HHTML-CSS-JS webpack starter

Multi pages HTML with vanilla JS and pure CSS, image loading and more!
🖊️ Read the article 🐞 Report a Bug 🙋‍♂️ Request Feature

JS webpack Template
Features
Pre Requisites
Creating a new project
Author
Contributing
Show your support
License

JS webpack Template

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

Features

Setup a basic VanillaJS app with a single script or few commands
Makes CSS ready to use without the plugin configuration hazzle
Lets us use JS modules and ES6+ available for most browsers
Ready made examples on CSS and JS
Sets stickler on the repo
Sets eslint rules
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 (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.