An open API service indexing awesome lists of open source software.

https://github.com/shashwat-19/snapcode

SnapCode is a fast, responsive QR code generator built with HTML, CSS, and JavaScript, enabling instant creation and download of customizable QR codes.
https://github.com/shashwat-19/snapcode

clint-side css3 dom-manipulation error-handling html5 javascript lightweight responsive-web-design ui

Last synced: 2 months ago
JSON representation

SnapCode is a fast, responsive QR code generator built with HTML, CSS, and JavaScript, enabling instant creation and download of customizable QR codes.

Awesome Lists containing this project

README

        

# SnapCode 📱

Welcome to **SnapCode** – a simple QR code generator built with HTML, CSS, and JavaScript! This tool allows users to generate QR codes from URLs or text, which can be easily scanned using any QR code reader.

---

## 📦 Latest Release: [v1.0](https://github.com/Shashwat-19/SnapCode/releases/tag/v1.0)
SnapCode v1.0 is now live! 🎉
This is the official release with all the core features, including the ability to generate QR codes, view history, and reset the generated codes.

---

## ✨ Features

- **Real-time QR Code Generation** – Generate QR codes instantly from URLs or text.
- **Simple User Interface** – Minimalistic design with clear instructions.
- **Mobile Responsive** – Works on both desktop and mobile devices.
- **Easy Copy & Share** – Copy QR codes to clipboard for easy sharing.
- **No Backend Required** – Completely client-side, no server needed.
- **History of Generated QR Codes** – View the list of previously generated QR codes.
- **Reset Button** – Clear the generated QR code and history with a single click.

---

## 🚀 How to Run

1. **Clone the Repository**:
```bash
git clone https://github.com/Shashwat-19/SnapCode.git
cd SnapCode
```
2. **Open the Project**:
- Navigate to the `index.html` file in your browser.
- No need for any server setup – just open the file!

---

## 🛠️ How It Works

1. **Enter Text or URL** into the input field.
2. **Click on "Generate QR Code"** to create the QR code.
3. The **generated QR code** will appear on the screen, ready to be scanned.
4. You can **copy the QR code** to share it or use it.
5. **History Section** – View previously generated QR codes.
6. Use the **Reset Button** to clear the current QR code and history.

---

## 📚 Tech Stack

- **HTML** – Structure of the page
- **CSS** – Styling for responsiveness and design
- **JavaScript** – Logic for QR code generation and handling history/reset

---

## 🔒 License

Copyright (C) 2023-2025 Shashwat
This project is Licensed under the MIT License. See the [LICENSE](LICENSE) file for details.

---

## 📩 Contact

**Shashwat**
BCA (Hons), Christ University, Bangalore
[GitHub](https://github.com/Shashwat-19) | [LinkedIn](https://www.linkedin.com/in/shashwatk1956/) | [Email me]([email protected])

---

**SnapCode** – Your QR code generation tool! 🔳📱