https://github.com/pratikkhot100/qr-code-generator

A responsive QR Code Generator built using HTML, CSS, and JavaScript. Easily generate QR codes for any text or URL input with a clean, mobile-friendly interface and minimalistic design. The app uses JavaScript to dynamically interact with a QR code API and instantly update the QR image based on user Command.
https://github.com/pratikkhot100/qr-code-generator

api css html javascript javascript-api qrcode-generator

Last synced: about 2 months ago
JSON representation

A responsive QR Code Generator built using HTML, CSS, and JavaScript. Easily generate QR codes for any text or URL input with a clean, mobile-friendly interface and minimalistic design. The app uses JavaScript to dynamically interact with a QR code API and instantly update the QR image based on user Command.

• Host: GitHub
• URL: https://github.com/pratikkhot100/qr-code-generator
• Owner: pratikkhot100
• Created: 2025-04-14T18:29:03.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2025-04-14T19:36:35.000Z (about 2 months ago)
• Last Synced: 2025-04-15T01:17:28.530Z (about 2 months ago)
• Topics: api, css, html, javascript, javascript-api, qrcode-generator
• Language: CSS
• Homepage:
• Size: 16.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 📱 QR Code Generator

A responsive QR Code Generator built using HTML, CSS, and JavaScript. Easily generate QR codes for any text or URL input with a clean, mobile-friendly interface and minimalistic design. The app uses JavaScript to dynamically interact with a QR code API and instantly update the QR image based on user input. Additionally, JavaScript handles input validation and provides real-time feedback, ensuring smooth and efficient user interaction.

## 🎥 Project Demo

Check out the live demo of the Currency Converter : [Demo](https://pratikkhot-qr-code-generator.netlify.app/)

---

## 🚀 Features

- ✅ Real-time QR code generation

- ✅ Responsive design (mobile & desktop friendly)

- ✅ Clean and minimal UI

- ✅ Downloadable QR code image

- ✅ No external frameworks (JS, HTML, CSS only)

---

## 🛠 Tech Stack

- **HTML5** – Markup structure

- **CSS3** – Styling and responsive layout (Flexbox / Grid)

- **JavaScript (ES6+)** – Interactivity and API handling

- **API** – (e.g. OpenWeather, JSONPlaceholder, or your chosen one)

---  

## 📸 Some Screenshots for the project:

 ![Screenshot 2025-04-14 235700](https://github.com/user-attachments/assets/f1ea2e3f-c186-411a-80d6-2310457ed259)

 ![Screenshot 2025-04-14 235728](https://github.com/user-attachments/assets/a0c09e81-4407-4789-b837-c1d7a4ff7d26)

 ![Screenshot 2025-04-14 235801](https://github.com/user-attachments/assets/2bac2984-112c-462a-a420-d1cef4c53d66)

 ![Screenshot 2025-04-15 005125](https://github.com/user-attachments/assets/b1109717-0eeb-497c-a79e-7d9d435c0575)

---

## 🧩 Technologies Used

- HTML5

- CSS3 (Flexbox & Media Queries)

- JavaScript 

- [QR Code API](https://goqr.me/api/)

---

## 📞 Contact Information

  🐙 GitHub: https://github.com/pratikkhot100

  💼 LinkedIn: https://www.linkedin.com/in/pratikkhot01

  📧 Email: [email protected]