Skip to content

README.md

Latest commit

 

History

History
71 lines (55 loc) · 2.7 KB

README.md

File metadata and controls

71 lines (55 loc) · 2.7 KB
Raw

🔗 QR Code Generator

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)

📸 Preview

(Add a screenshot of your app here)

┌───────────────────────────────────────────┐
│              QR CODE GENERATOR            │
│  ┌─────────────────────────────────────┐  │
│  │ Enter text or URL...                │  │
│  └─────────────────────────────────────┘  │
│  ┌──────────────┐                         │
│  │ Generate QR  │                         │
│  └──────────────┘                         │
│                                           │
│                [ QR CODE ]                │
│                                           │
└───────────────────────────────────────────┘

✨ Features

  • 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.

🛠️ Built With

  • 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.

🚀 Quick Start

1. Clone the repository

git clone https://github.com/om-mane-coder/QR-code-generator.git

2. Open the project

Simply open index.html in any web browser:

start index.html

📂 Project Structure

QR-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

📄 License

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