Este README também está disponível em Português.
A number drawer web application built with JavaScript and styled using LESS. The project uses the Grunt task runner to automate development and production tasks.
🔗 Live Demo: View on Vercel
The project was created to explore and practice task automation with Grunt. It includes configuration for multiple plugins to streamline both development and production workflows. Users can input a maximum number, and the app generates a random number within the defined range.
- JavaScript
- LESS
- Grunt
- HTML5
- Compiling LESS into CSS;
- Minifying HTML, CSS, and JavaScript;
- Replacing file paths dynamically for builds;
- Cleaning temporary build folders;
- Watching files for changes and automating rebuilds;
- Concurrent task execution for faster workflows.
- Configured Grunt with development and production tasks;
- Added LESS compilation and CSS minification;
- Implemented HTML and JavaScript minification for optimized builds;
- Configured Grunt Replace for dynamic file path handling;
- Improved form validation and number input behavior;
- Styled result messages and adjusted layout responsiveness.
This project served as a practical exercise in using Grunt and its plugins. While simple in functionality, it demonstrates how task runners can optimize front-end workflows for both development and production environments.