Html-awesome NPM

html-awesome

HTML Awesome is a powerful and intuitive CLI tool designed to help developers quickly scaffold HTML projects. With just one command, you can generate boilerplate HTML, CSS, and JavaScript files, making it perfect for kickstarting your projects without the hassle of manual setup.

✨ Features

Quick Setup: Generate a new project with a single command.
Customizable: Choose which files to include (index.html, style.css, script.js).
Optional Directories: Add images and data directories with a simple prompt.
Colorful Interface: Enjoy a visually appealing and interactive CLI experience.
Lightweight: No unnecessary dependencies—just the files you need.

🚀 How to Use

Installation

To get started, simply run the following command:

npx html-awesome project-name

Replace project-name with the desired name for your project.

Use Case Example

Here’s what happens when you run the tool:

✨ Creating project: test-project at C:\Users\PC\Desktop\projects\CLI PROJECT\html-awesome\test-project
📦 Installing dependencies...
⚠️  Dependencies installation skipped.

█░█░█ █▀▀ █░░ █▀▀ █▀█ █▀▄▀█ █▀▀   ▀█▀ █▀█   █░█ ▀█▀ █▀▄▀█ █░░ ▄▄ ▄▀█ █░█░█ █▀▀ █▀ █▀█ █▀▄▀█ █▀▀
▀▄▀▄▀ ██▄ █▄▄ █▄▄ █▄█ █░▀░█ ██▄   ░█░ █▄█   █▀█ ░█░ █░▀░█ █▄▄ ░░ █▀█ ▀▄▀▄▀ ██▄ ▄█ █▄█ █░▀░█ ██▄

  A magical tool to create HTML projects with a sprinkle of sparkles! ✨

🌟 Welcome to the test-project project generator!
? 📄 Select files to include: index.html, style.css, script.js
? 🖼️  Do you want an ./images directory? Yes
? 📂 Do you want an ./data directory? Yes
🎉 Here's what you selected:
- Files: html, css, js
- ./images: Yes
- ./data: Yes
Project files and directories created successfully!

❓ Why Use HTML Awesome?

No NPM Dependencies: HTML Awesome is lightweight and doesn’t require additional libraries.
Efficiency: Save time by automating the setup of your HTML projects.
Flexibility: Customize your project structure to suit your needs.

Enjoy using HTML Awesome to streamline your development workflow! 🚀