Code Monkey home page Code Monkey logo

mwjchathuranga / qr-code-generator Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 4 KB

QR-Gen-Web is a lightweight web application for generating QR codes. Built with HTML, CSS, and JavaScript, this tool allows users to effortlessly create QR codes for text or URLs and download them as PNG images. Simple, efficient, and perfect for quick QR code generation.

Home Page: https://qr-gen-web.vercel.app/

HTML 23.14% JavaScript 31.41% CSS 45.45%
github-page html-css-javascript qr-code qr-code-generator qr-code-library web-development generate-qrcode qr-encoder qrcode-encoder

qr-code-generator's Introduction

QR Code Generator

This is a simple QR code generator web application that allows users to input text or URLs and generate corresponding QR codes. The project is built using HTML, CSS, and JavaScript. Users can also download the generated QR code as a PNG image.

Features: ๐Ÿ“Œ

  • Input text or URL for QR code generation.
  • Real-time display of the generated QR code.
  • Download the QR code as a PNG image.

Instructions: ๐Ÿ‘ˆ

  1. Enter the desired text or URL in the input field.
  2. Click the "Generate QR Code" button to generate the QR code.
  3. The generated QR code will be displayed, and you can click the "Download" link to save it.

How to Run:๐Ÿšจ

  • Simply open the index.html file in your preferred web browser.

Screenshots ๐Ÿ–ผ๏ธ

Preview_1 Preview_2
Preview_1 Preview_2

qr-code-generator's People

Contributors

mwjchathuranga avatar

Watchers

 avatar

qr-code-generator's Issues

Support for Different QR Code Types

The current version of the QR code generator supports generic text and URLs. To enhance the versatility of the tool, it would be beneficial to implement support for different QR code types such as URLs, plain text, contact information (vCard), Wi-Fi network details, and more.

Tasks:

  1. Identify common QR code types that users might want to generate.
  2. Enhance the user interface to allow users to choose the type of QR code they want to generate.
  3. Implement the necessary logic for each QR code type, ensuring compatibility with relevant standards (e.g., vCard for contact information).

Additional Information:

Expanding the supported QR code types will make the QR code generator more versatile and cater to a broader range of user needs. This enhancement aligns with the goal of providing users with a comprehensive QR code generation solution.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.