- HTML
- CSS
- JavaScript
- Grunt
- Less
To use the Max Number Generator, simply enter a maximum number in the input field and click the "Randomize Number" button. A random number up to your maximum will be generated and displayed.
The Max Number Generator is deployed at https://max-randomize-number.vercel.app/.
-
Clone the repository to your local machine:
Cloning a repository means creating a local copy of the code provided on the remote server. To do this, you'll need Git installed on your computer. If you haven't installed Git, you can download it from https://git-scm.com/.
Once you have Git installed, open a terminal and navigate to the directory where you want to clone the repository. Then, run the following command:
git clone https://github.com/maxh33/randomize-number.git
-
Navigate to the project directory.
-
Install the necessary dependencies:
This project relies on several development dependencies for tasks like building the project and running a local server. These dependencies are listed in the
package.json
file in the project's root directory.The dependencies include:
grunt
: A JavaScript task runnergrunt-concurrent
: Used to run Grunt tasks concurrentlygrunt-contrib-clean
: A Grunt plugin for cleaning files and foldersgrunt-contrib-htmlmin
: A Grunt plugin to minify HTMLgrunt-contrib-less
: A Grunt plugin that compiles Less to CSSgrunt-contrib-sass
: A Grunt plugin that compiles Sass to CSSgrunt-contrib-uglify
: A Grunt plugin to minify JavaScript filesgrunt-contrib-watch
: A Grunt plugin for running predefined tasks whenever watched file patterns are added, changed or deletedgrunt-replace
: A Grunt plugin to replace text patterns
To install these dependencies, you'll need to use Node Package Manager (npm), which is included with Node.js. If you haven't installed Node.js, you can download it from https://nodejs.org/.
Once you have Node.js and npm installed, open a terminal in your project's root directory and run the following command:
npm install --save-dev dependency-name
-
Start the development server:
This project uses Grunt to run tasks such as building the project and starting a local server. The necessary Grunt tasks have been defined in a
Gruntfile.js
file in the project's root directory.To start the development server, run the following command:
npm run grunt
Or, to build the project, run
npm run build
-
Open your browser and navigate to
localhost:8000
(or whatever port your server is running on):Alternatively, if you're using Visual Studio Code as your IDE, you can use the Live Server extension to serve your project.
To do this, first install the Live Server extension from the Extensions view (Ctrl+Shift+X). Then, right-click on your HTML file in the Explorer view and select "Open with Live Server" from the context menu. This will start a local development server and open your default web browser to display your project.
Note: The Live Server extension will automatically refresh the page whenever you save changes to files in your project.
- Add the ability to generate multiple random numbers at once.