Releases: 4GeeksAcademy/vanillajs-hello
Webpack legacy
Introduction
We're thrilled to announce the release of our new Vanilla.js template, meticulously designed for the aspiring coders at 4Geeks Academy. This template is your golden ticket to kickstarting your journey in coding JS/HTML/CSS websites with speed and efficiency. Optimized for an educational coding environment, it incorporates a suite of webpack plugins to beautify your code and enhance error reporting, ensuring a smooth learning curve.
Features
Quick Setup: Get started in 30 seconds with Codespaces or Gitpod integration.
Live Coding Support: See your changes in real-time with $ npm run start and explore your creativity without delays.
Enhanced Learning Tools:
Prettification and Error Handling: With integrated webpack plugins like PrettierPlugin and WebpackErrorReporting, your code not only looks better but any errors are reported more clearly, making debugging a breeze.
Comprehensive File Structure: A clear and intuitive directory setup in ./src encourages best practices in code organization.
Getting Started
Installation: Simply run npm install to set up your environment.
Live Preview: Launch your site with live updates via $ npm run start.
Coding: Dive into coding with ./src/app.js for JavaScript, ./src/style.css for styles, and ./src/index.html for markup. Expand your project with ease, thanks to our flexible structure.
Troubleshooting Tips
Encounter a hiccup? Our troubleshooting section addresses common issues like hot deploy refreshes and cache clearing, ensuring you stay focused on learning.
Deployment
Ready to share your project? Our template is fully compatible with GitHub Pages, allowing you to publish your site directly from your main branch with a simple $ npm run deploy.
Acknowledgments
A heartfelt thank you to Alejandro Sanchez and all contributors for their dedication. This template stands as a testament to our commitment to providing a robust learning platform for our students.
Explore More
Discover additional templates and resources by visiting the 4Geeks Academy GitHub page. Let's embark on this coding adventure together!