NikhilKalloli / QR-Code-Generator

A simple web application for generating QR codes with customizable download formats. The below link is a free instance. Hence it needs some time to spin up:)

QR Code Generator 🌐

A simple web application for generating QR codes with customizable download formats.

Features 🚀

• User-Friendly Interface: Easily generate QR codes by entering your URL.
• Download Formats: Choose from PNG, SVG, or PDF as your preferred download format.
• Responsive Design: Compatible with various devices and screen sizes.
• Image Display: View the generated QR code with the associated URL.

How to Use 🤔

1. Enter URL:

   • Navigate to the application.
   • Enter your URL in the provided input field.

2. Select Download Format:

   • Choose your preferred download format (PNG, SVG, or PDF) from the dropdown.

3. Generate QR Code:

   • Click the "Generate" button to create the QR code.

4. View and Download:

   • The generated QR code and the associated URL will be displayed.
   • Download the QR code using the provided "Download" button.

Technologies Used 🛠️

• HTML
• CSS (Bootstrap 5)
• JavaScript
• Node.js (Express.js, EJS)

Dependencies 📦

• Bootstrap 5

• Express.js

• EJS

• Project Structure 📂

  • 📁 public
    • 📁 Assets
      • 🖼 Default.png
      • 🖼 DefaultPdf.png
      • 🖼 qrfavicon.ico
      • 🖼 twitter-icon.png
    • 📁 Styles
      • 📄 styles.css
  • 📁 views
    • 📁 includes
      • 📄 footer.ejs
      • 📄 header.ejs
    • 📄 index.ejs
  • 📄 .gitignore
  • 📄 index.js
  • 📄 package.json

Setup Instructions 🛠️

1. Clone the repository.
2. Install dependencies using npm install.
3. Navigate to index.js file
4. Run the application using node index.js.
5. Open the application in your browser (usually at http://localhost:3000).

Credits 🙌

• Bootstrap: https://getbootstrap.com/
• Express.js: https://expressjs.com/
• EJS: https://ejs.co/

Contributing

Contributions are welcome! If you have any improvements or new features to suggest, please create a pull request.

Enjoy playing the with the code! If you have any questions or issues, feel free to open an issue.

🔗 Connect with Me

Feedback

If you have any feedback, please reach out to me at [e-mail]

Enjoy generating QR codes with style and simplicity🚀