https://github.com/thamerh/generate-qr-code-using-reactjs
This is a React.js application that generates QR codes. It allows users to enter text or a URL and generates a QR code image based on the input.
https://github.com/thamerh/generate-qr-code-using-reactjs
qrcode qrcode-generator qrcode-scanner
Last synced: about 1 month ago
JSON representation
This is a React.js application that generates QR codes. It allows users to enter text or a URL and generates a QR code image based on the input.
- Host: GitHub
- URL: https://github.com/thamerh/generate-qr-code-using-reactjs
- Owner: thamerh
- Created: 2023-07-08T09:11:00.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-08T23:37:42.000Z (over 2 years ago)
- Last Synced: 2025-01-09T07:49:43.950Z (12 months ago)
- Topics: qrcode, qrcode-generator, qrcode-scanner
- Language: CSS
- Homepage: https://thamerh.github.io/generate-qr-code-using-reactjs/
- Size: 928 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React QR Code Generator
This is a React.js application that generates QR codes. It allows users to enter text or a URL and generates a QR code image based on the input.
## Features
- Generates QR codes from text or URLs
- Easy-to-use interface
- Copy QR code image or download
## Installation
To run this application locally, follow these steps:
1. Clone the repository:
```shell
git clone https://github.com/thamerh/generate-qr-code-using-reactjs.git
```
2. Navigate to the project directory:
```shell
cd generate-qr-code-using-reactjs
```
3. Install the dependencies:
```shell
npm install
```
4. Start the development server:
```shell
npm start
```
5. Open your browser and visit `http://localhost:3000` to access the application.
## Usage
1. Enter the text or URL for which you want to generate a QR code.
2. The QR code will be displayed on the screen.
3. To copy the QR code image , click the "Copy " button.
4. To download the QR code image , click the "Download" button.
## Technologies Used
This project is built with the following technologies:
- React.js
- qrcode.react: A library for generating QR codes in React
## Contributing
Contributions are welcome! If you find any issues or would like to add new features, please submit a pull request. Make sure to follow the existing code style and include appropriate tests.
## Acknowledgements
- [qrcode.react](https://www.npmjs.com/package/qrcode.react)
- [html2canvas](https://www.npmjs.com/package/html2canvas)
## Contact
If you have any questions or suggestions, feel free to contact the project maintainer at [hamdithamer99@gmail.com](mailto:hamdithamer99@gmail.com).