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

Table of Contents

1. JS webpack Template
2. Features
3. Pre Requisites
4. Creating a new project
5. Author
6. Contributing
7. Show your support
8. 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.

Troubleshooting

Acknowledgements

• Microverse
• The Odin Project
• Readme header author
• Webpack Configuration author

Author

Israel Laguan

Email me to israellaguan@gmail.com Connect to my Linkedin Check my GitHub Profile

Contributing

🤝 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

License

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