License key Generator

Description

The License Key Generator is an interactive web application that allows users to customize and download unique license keys. It is designed to demonstrate web development skills and provide an educational, hands-on experience.

How does it work:

The application allows the user to specify the number of license keys to be generated, as well as to choose whether they should include uppercase letters, lowercase letters and/or numbers. Once these preferences have been entered, clicking on the "Generate Keys" button will randomly produce the keys.

Construction:

The project is built using HTML, CSS and JavaScript. HTML defines the structure of the web page, CSS provides the styling and visual design, and JavaScript handles the license key generation logic. The user interface is intuitive and easy to use, making it easy for the user to interact with the application.

Important Note:

It is important to note that this project is presented for the purpose of demonstrating technical skills in JavaScript and web development. Its main purpose is educational and does not seek to satisfy specific needs of end users.

License

This project is licensed under the MIT License - More Details

Author

• @DiegoT4l

Tech Stack

Documentation

Main Features

1. Key Customization:

   • Users can specify the number of keys to generate.
   • They can choose the length of each key.
   • They have the option to include uppercase, lowercase, and numbers in the generated keys.

2. Key Generation:

   • The JavaScript code generates license keys based on user preferences.

3. Key Display:

   • The generated keys are displayed in a table on the page.

4. Key Download:

   • Users can download the generated keys in a CSV file.

Project Structure:

The project is organized in the following files and directories:

index.html: This file contains the structure of the website and provides the user interface to interact with the application.

styles.css: Here is the Cascading Style Sheet (CSS) that defines the layout and visual appearance of the application.

script.js: This file contains the JavaScript code that drives the logic for generating the license keys.

LICENSE: This file may contain the terms and conditions of use for the code, depending on the author's preferences.

README.md: The instruction and documentation file, providing information about the project, its usage, and technical details.

img/: Directory that may contain images or visual resources used in the project, if applicable.

Running Locally

Clone the project

  git clone https://github.com/DiegoT4l/License-Key-Generator.git

Go to the project directory

  cd serialKeyGenerator

Install dependencies

  npm i

Init the program

  open with LiveServer extension 
  extension id: ritwickdey.LiveServer

Contributions

Contributions are welcome! If you would like to improve this project, please send a Pull Request.

• Advice for interface development, user experience, user interface analysis by Luisa F Torres.

Screenshots

Acknowledgments:

• I thank Luisa F Torres for her great advice on the interface design and user experience - this project is certainly much better thanks to her brilliant ideas!

I also want to send a thank you to everyone who has contributed with suggestions and support.