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

https://github.com/ahmedmohmd/qr-app

Awesome QR Code Reader && Creator that help you to create Great QR's Code
https://github.com/ahmedmohmd/qr-app

qr-code qrcode qrcode-generator qrcode-scanner react react-qr-reader reactjs tailwindcss

Last synced: about 2 months ago
JSON representation

Awesome QR Code Reader && Creator that help you to create Great QR's Code

Awesome Lists containing this project

README

          

# QR App

## 🚀 Brief Overview

QR App is a fast and free tool for creating and scanning QR codes with ease. Designed with a sleek, responsive layout using Tailwind CSS, the app provides a smooth user experience across all devices. Its clean design, coupled with nice animations, ensures both functionality and aesthetics. Built with React.js, JavaScript, HTML, and CSS, QR App delivers lightning-fast performance, making it the go-to solution for generating and scanning QR codes effortlessly. Whether you're on mobile or desktop, QR App offers a seamless experience for all your QR code needs.

## ✨ Key Features

1. Responsive Design
2. Awesome Design thanks to **tailwind** and **Preline UI**.
3. Nice perfomance.

## 🛠️ Tech Stack

- React.js
- TailwindCSS
- [**React Router**](https://reactrouter.com/)
- [**Framer Motion**](https://www.framer.com/motion/)
- [**qrcode.react**](https://www.npmjs.com/package/qrcode.react)
- [**react-qr-reader**](https://www.npmjs.com/package/react-qr-reader)

## 🔧 Install Instructions

1. Clone the repo

```bash
git clone https://github.com/ahmedmohmd/qr-app.git

```

2. Install dependencies

```bash
yarn install

```

3. Run the App

```bash
yarn run dev

```

## 🖥️ Usage

1. You can create QR Code.
2. You can scan QR Code with your camera.

## 👀 Demo

[QR Code App](https://qr-app-peach.vercel.app/)

## 🖼️ Application's Screeshots

![QR App Screenshot](https://github.com/ahmedmohmd/qr-app/blob/main/app-screenshot.png?raw=true)