Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/diegot4l/license-key-generator
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.
https://github.com/diegot4l/license-key-generator
collaborate educative github gitlens javascript license-keys software student-vscode
Last synced: 30 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/diegot4l/license-key-generator
- Owner: DiegoT4l
- License: mit
- Created: 2023-10-15T02:50:03.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-03T04:13:14.000Z (about 1 year ago)
- Last Synced: 2023-11-03T05:24:53.528Z (about 1 year ago)
- Topics: collaborate, educative, github, gitlens, javascript, license-keys, software, student-vscode
- Language: JavaScript
- Homepage: https://licencias.diegot4l.com
- Size: 95.7 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# License key Generator
[![Netlify Status](https://api.netlify.com/api/v1/badges/cce6364f-304d-4c56-b0ac-7f540ff3a2df/deploy-status)](https://app.netlify.com/sites/licensekeygenerator/deploys)
# 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.
![Logo](https://cdn.discordapp.com/attachments/1123647915609555044/1163597207904207008/Diseno_sin_titulo_1.png?ex=65402758&is=652db258&hm=daf28b18257219aa20e6070724be98e407f431bf9a6ca3c23b9d6ffed4dec769&)
# License
This project is licensed under the MIT License - [More Details](https://github.com/DiegoT4l/License-Key-Generator/blob/main/LICENSE)# Author
- [@DiegoT4l](https://www.github.com/diegot4l)
# Tech Stack![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white)
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)
![Webpack](https://img.shields.io/badge/webpack-%238DD6F9.svg?style=for-the-badge&logo=webpack&logoColor=black)# 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
```bash
git clone https://github.com/DiegoT4l/License-Key-Generator.git
```
Go to the project directory```bash
cd serialKeyGenerator
```Install dependencies
```bash
npm i
```Init the program
```bash
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](https://www.instagram.com/luisa.flt/).
# Screenshots
![App Screenshot](https://cdn.discordapp.com/attachments/1123647915609555044/1162956180033912943/serial-key-code.png?ex=653dd258&is=652b5d58&hm=9f969529f1e442f7656ed3ddbf8b30a58fa3ec1e7b68d553d0e53840c5b2d38f&)
![App Screenshot](https://cdn.discordapp.com/attachments/1123647915609555044/1162958637677949048/image.png?ex=653dd4a1&is=652b5fa1&hm=a1775bf0b3062505b19887f89516dc90e411b754c35b562608b3aa9b1012f94d&)
![App Screenshot](https://cdn.discordapp.com/attachments/1123647915609555044/1162961162133057596/image.png?ex=653dd6fb&is=652b61fb&hm=5b2bbf437a1f99901927e780547df9a7cda0189cf216caccef82b54974ce749d&)
# 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.