A lightweight, modern, and fully responsive web-based QR Code Generator. Users can input any URL or plain text, click generate, and instantly receive a high-quality QR code generated in real-time via a web API.
🚀 Live Demo Link (Update this link if hosted on GitHub Pages or Vercel)
(Add a screenshot of your app here)
┌───────────────────────────────────────────┐
│ QR CODE GENERATOR │
│ ┌─────────────────────────────────────┐ │
│ │ Enter text or URL... │ │
│ └─────────────────────────────────────┘ │
│ ┌──────────────┐ │
│ │ Generate QR │ │
│ └──────────────┘ │
│ │
│ [ QR CODE ] │
│ │
└───────────────────────────────────────────┘
- Real-time Generation: Instantly creates QR codes using a high-speed web API.
- Flexible Input: Supports both standard URLs (which open when scanned) and plain text.
- Responsive Design: Optimized layout for seamless use across mobile devices, tablets, and desktop monitors.
- Modern UI: Clean, clean design with intuitive form states and loading indicators.
- HTML5: Semantic document structure.
- CSS3: Custom styles, layout spacing, and transitions.
- JavaScript (ES6): Handle user events, fetch QR code API endpoints, and manipulate the DOM dynamically.
git clone https://github.com/om-mane-coder/QR-code-generator.gitSimply open index.html in any web browser:
start index.htmlQR-code-generator/
│
├── index.html # Application layout and structure
├── style.css # Custom CSS styling and responsive layout rules
├── script.js # JavaScript logic for API integration and DOM updates
└── README.md # Documentation and project walkthrough
This project is open-source and available under the MIT License.