Skip to content

Frenxys/QRcodeSite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

QR Code Generator 🎨✨

Welcome to QRCode Generator, a fun and customizable tool to generate QR codes with style! 🎉

This project allows you to create beautiful QR codes, change their color, style the dots, and even add a logo. Perfect for creating personalized QR codes that stand out! 🚀


Features 🛠️

  • Generate QR codes from any URL 🌐
  • Customize the dot style (square, rounded, or dots) 🎨
  • Choose your QR code color with a built-in color picker 🎨
  • Add your logo to the QR code 📷
  • Download your QR code in high-quality PNG format 🖼️
  • Interactive and animated bubbles for a playful experience 🎈

Tech Stack 💻

  • HTML5 for structure
  • CSS3 for styling, animations, and bubble magic ✨
  • JavaScript for functionality and interaction
  • jQuery for easy DOM manipulation
  • QRCode Styling Library for advanced QR code customization
  • Google Fonts for stylish typography

How to Use 🚀

  1. Clone or download the repository:

    git clone https://github.com/Frenxys/QRcodeSite.git
  2. Open index.html in your browser. 📂

  3. Enter a URL in the text input field. 🔗

  4. Click on the green "Generate QR Code" button to generate your custom QR code. ✨

  5. Customize your QR code:

    • Change the dot style by clicking the change dots icon.
    • Pick your desired color with the color picker.
    • Upload a logo by clicking the upload logo bubble. 🖼️
  6. Download your QR code by clicking the "Download" button. 🖼️


File Structure 📂

qr-code-generator/
├── LICENSE
├── index.html
├── style.css
├── script.js
├── icons/
│   ├── download.png
│   └── change.png
└── README.md

Credits 🎨

Made by Enea Zani with ❤️ and 🍝


License 📄

This project is licensed under the MIT License. Feel free to use, modify, and distribute it as you wish.

Releases

No releases published

Packages

No packages published