Skip to content

A modern web-based QR Code Generator that allows users to instantly create customizable QR codes from text, URLs, or any data. Features include real-time generation, download functionality, and a clean, intuitive interface built with modern web technologies

Notifications You must be signed in to change notification settings

krishanmurariji/QR-Code-Generator

Repository files navigation

Welcome to GenRate Me QR โ€“ Your Free QR Code Generator! ๐Ÿ“ฑ

QR Code Generator Free Tool Instant Generation

Krishan_murari ย  Krishan_murari ย  Krishan_murari ย  Krishan_murari ย  Krishan_murari ย 

About This Project ย 

GenRate Me QR is a free, fast, and customizable QR code generator built with modern web technologies.
Create professional QR codes for URLs, text, contact info, and more with custom colors, sizes, and instant downloads.

๐Ÿ”— Live Demo: https://genratemeqr.vercel.app/

Transform any text or link into a scannable QR code in seconds. Perfect for marketing, business cards, event tickets, product packaging, and sharing information quickly and efficiently.

Project Features:

  • ๐ŸŽจ Custom Color Selection - Choose foreground and background colors to match your brand
  • ๐Ÿ“ Adjustable Sizes - Generate QR codes in multiple sizes (128x128 to 1024x1024 pixels)
  • ๐Ÿ’พ Multiple Download Formats - Download as PNG, SVG, or JPEG
  • ๐Ÿš€ Instant Generation - Real-time QR code creation as you type
  • ๐Ÿ“ฑ Mobile Responsive - Works perfectly on all devices
  • ๐Ÿ”„ No Sign-up Required - Start creating QR codes immediately
  • ๐Ÿ†“ Completely Free - No hidden costs or premium features
  • โšก Lightning Fast - Generate QR codes in milliseconds
  • ๐ŸŽฏ Multiple Content Types - Support for URLs, plain text, email, phone numbers, and more
  • ๐Ÿ–ผ๏ธ High Resolution - Crystal clear QR codes for print and digital use
  • ๐Ÿ”’ Privacy Focused - All generation happens in your browser, no data sent to servers

๐Ÿ› ๏ธ Technologies Used

๐Ÿ‘จโ€๐Ÿ’ป Programming Languages

TypeScript JavaScript HTML CSS

๐Ÿงฐ Frameworks and Libraries

React Vite QR Code Library Tailwind CSS

๐Ÿ—„๏ธ Cloud Hosting

Vercel

๐Ÿ’ป Software and Tools

Git Visual Studio Code npm


๐Ÿš€ Getting Started

Prerequisites:

Make sure you have Node.js and npm installed on your system.
We recommend installing Node.js via nvm (Node Version Manager).

Installation Steps:

  1. Clone the repository

  2. Install dependencies

  3. Start the development server

  4. Open your browser

  • Navigate to http://localhost:5173
  1. Build for production

  2. Open your browser

  • Navigate to http://localhost:5173
  1. Build for production

๐ŸŽฏ How to Use

  1. Visit the Generator: Go to https://genratemeqr.vercel.app/
  2. Enter Your Content: Type or paste your URL, text, or any data you want to encode
  3. Customize Your QR Code:
  • Choose custom foreground and background colors
  • Select your preferred size
  • Adjust error correction level
  1. Preview in Real-time: See your QR code update instantly as you make changes
  2. Download: Click download to save your QR code in PNG, SVG, or JPEG format
  3. Use Anywhere: Print or share your QR code on business cards, flyers, websites, or products

๐Ÿ“ฑ Use Cases

  • ๐Ÿข Business Cards - Share contact information instantly
  • ๐ŸŒ Website URLs - Direct users to your website or landing page
  • ๐Ÿ“ง Email Addresses - Make it easy to contact you
  • ๐Ÿ“ž Phone Numbers - Enable quick calls with a scan
  • ๐ŸŽŸ๏ธ Event Tickets - Generate tickets for events and concerts
  • ๐Ÿ“ฆ Product Packaging - Add product information or tracking
  • ๐Ÿฝ๏ธ Restaurant Menus - Digital menus for contactless dining
  • ๐Ÿ’ณ Payment Links - Quick payment collection
  • ๐Ÿ“ Location Sharing - Share GPS coordinates or addresses
  • ๐Ÿ“ฑ App Downloads - Direct users to app stores

๐Ÿ“ Project Structure


๐Ÿ”ฎ Future Enhancements

  • Add logo overlay to QR codes
  • Batch QR code generation
  • QR code analytics and tracking
  • Custom frames and templates
  • Save QR code designs as templates
  • QR code scanner feature
  • Social media share buttons
  • Export to PDF format
  • Dynamic QR codes with editable content
  • API for programmatic generation
  • History of generated QR codes
  • vCard QR code support

๐ŸŒ Deployment

This project is deployed on Vercel for optimal performance and reliability.

To deploy your own version:

  1. Fork this repository
  2. Connect your repository to Vercel
  3. Deploy with one click

Live URL: https://genratemeqr.vercel.app/


๐Ÿ‘จโ€๐Ÿ’ป Developer

Krishan Murari
Web Developer & Designer

I am a Web Developer and Poet. I love to explore new tech and the tech world. Coding is my interest, my hobby.

About Me:

  • ๐Ÿ‘จโ€๐ŸŽ“ I'm a Web Developer & Designer
  • ๐Ÿ”ญ I'm currently working on JavaScript and React projects
  • โœ I'm a Teacher & Student Visit me
  • ๐ŸŒฑ I'm learning Data Structures and Algorithms on LeetCode
  • ๐ŸŽญ I also enjoy poetry, movies, and tech exploration

ย ย ย ย ย ย ย ย  Krishan_murari ย  Krishan_murari ย  Krishan_murari ย  Website


๐Ÿ“ License

This project is open source and available under the MIT License.


๐Ÿค Contributing

Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.


โญ Show Your Support

Give a โญ๏ธ if you like this project and found it useful!


Made with โค๏ธ by Krishan Murari

Visit GenRate Me QR to create your custom QR codes for free!

About

A modern web-based QR Code Generator that allows users to instantly create customizable QR codes from text, URLs, or any data. Features include real-time generation, download functionality, and a clean, intuitive interface built with modern web technologies

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published