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