https://github.com/gabrieledg0/qr-code_generator

Explore a useful web app that allows users to create QR codes from text or URLs ✨
https://github.com/gabrieledg0/qr-code_generator

css html html-css qrcode qrcode-generator web web-development webdev webdevelopment website

Last synced: about 17 hours ago
JSON representation

Explore a useful web app that allows users to create QR codes from text or URLs ✨

• Host: GitHub
• URL: https://github.com/gabrieledg0/qr-code_generator
• Owner: GabrieleDG0
• Created: 2024-07-31T09:59:15.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-07-31T14:08:27.000Z (7 months ago)
• Last Synced: 2024-12-21T19:18:18.680Z (about 2 months ago)
• Topics: css, html, html-css, qrcode, qrcode-generator, web, web-development, webdev, webdevelopment, website
• Language: CSS
• Homepage: https://gabrieledg0.github.io/QR-Code_Generator/
• Size: 8.79 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# QR Code Generator

**Github page**

Link if you want to visit the QR code generator website hosted by Github pages: https://gabrieledg0.github.io/QR-Code_Generator/

*Overview*

The QR Code Generator is a simple but very useful web application that allows users to create QR codes from text or URLs. It uses a third-party API to generate high-quality QR codes and displays them dynamically on the web page.

*Features*

- User-friendly interface: A clean and intuitive design for easy interaction.

- Dynamic QR code generation: Users can enter any text or URL to generate a corresponding QR code.

- Responsive design: The application is optimized for different screen sizes, making it accessible on both desktop and mobile devices.

- Error handling: Gives feedback if the input field is empty.

*Tools used*

- HTML: For the structure of the web application.

- CSS: For styling the application and ensuring a pleasant user experience.

- JavaScript: For the dynamic functionality and interaction with the API for QR code generation.

*Usage*

1) Enter a text or URL in the input field.

2) Click on the "Generate QR code" button to create the QR code.

3) If the input field is empty, it will display an error by wiggling.

Reference to the API used:

https://goqr.me/api/