https://github.com/aperbet56/barcode_generator
Mon challenge a été de construire un site web permettant de générer des codes barres selon la valeur désirée par l'internaute.
https://github.com/aperbet56/barcode_generator
animation-css css-grid flexbox html5 javascript javascript-library jsbarcode
Last synced: about 1 month ago
JSON representation
Mon challenge a été de construire un site web permettant de générer des codes barres selon la valeur désirée par l'internaute.
- Host: GitHub
- URL: https://github.com/aperbet56/barcode_generator
- Owner: aperbet56
- Created: 2023-09-25T17:27:44.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-02T17:51:00.000Z (almost 2 years ago)
- Last Synced: 2025-02-09T10:19:21.148Z (over 1 year ago)
- Topics: animation-css, css-grid, flexbox, html5, javascript, javascript-library, jsbarcode
- Language: CSS
- Homepage: https://aperbet56.github.io/barcode_generator/
- Size: 24.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## GENERATEUR DE CODE BARRE
## Le challenge
Mon challenge a été de construire un site web permettant de générer des codes barres selon la valeur désirée par l'internaute. Pour se faire :
- Une fois que la valeur souhaitée est entrée dans le champ de saisie, il suffit de cliquer sur le bouton "Générer" pour que le code barre apparaisse. Deux boutons sont également visibles en dessous du code barre généré : le bouton "télécharger en pdf" et le bouton "Reset".
- L'utilisateur a ensuite la possibilité de télécharger le code barre en un fichier PDF. Pour cela, il lui suffit de cliquer sur le bouton "Télécharger en pdf" et quelques secondes plus tard, le fichier pdf va s'ouvrir sur son ordinateur.
- Enfin, si l'internaute souhaite obtenir un nouveau code barre, il doit cliquer sur le bouton "Reset" afin d'effacer les données déjà renseignées.
- Bien évidemment, la page web est responsive : elle s'adapte parfaitement aux différentes résolutions d'écran (desktop, tablette et mobile).
## Dévéloppez avec
- Utilisation des balises sémantique HTML5
- CSS
- Flexbox
- Importation de la police "Roboto"
- JavaScript (Ecouteurs d'événement...)
- JsBarcode Javascript Librairie créé par Johan Lindell
- html2pdf.js
- Page web responsive