Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/sameermistry2502/laravel-10-qr-app

make laravel project qr app
https://github.com/sameermistry2502/laravel-10-qr-app

Last synced: 3 days ago
JSON representation

make laravel project qr app

Awesome Lists containing this project

README

        

# QR Code Generator in Laravel 10

I will give you a very simple example of generating QR code with image, QR code with color, QR code with SMS, QR code with email, and QR code in Laravel 10

## Installation

**[Step - 1]** **Create new Project:**

(Open PowerShell In Your Local Machine and put this command)
```bash
Laravel new laravel10-qrcode-generator
```
**[Step - 2]** **Install package:**
```bash
composer require simplesoftwareio/simple-qrcode
```
**[Step - 3]** **Remove unnecessary code from inital Project:**

**[Step - 4]** **Make a controller:**
```bash
php artisan make:controller QRcodeGenerateController
```
**[Step - 5]** **Make a Route on the web.php:**
```bash
Route::get('/', [QRcodeGenerateController::class,'qrcode']);
```
**[Step - 6]** **Make Function with name in controller:**
```bash
public function qrcode()
```
**[Step - 7]** **Copy Code and paste on function:**

Use it on the top of the controller
```bash
use SimpleSoftwareIO\QrCode\Facades\QrCode;
```
```bash
$qrCodes = [];
$qrCodes['simple'] =
QrCode::size(150)->generate('https://sameermistry2502.github.io/');
$qrCodes['changeColor'] =
QrCode::size(150)->color(255, 0, 0)->generate('https://sameermistry2502.github.io/');
$qrCodes['changeBgColor'] =
QrCode::size(150)->backgroundColor(255, 0, 0)->generate('https://sameermistry2502.github.io/');
$qrCodes['styleDot'] =
QrCode::size(150)->style('dot')->generate('https://sameermistry2502.github.io/');
$qrCodes['styleSquare'] = QrCode::size(150)->style('square')->generate('https://sameermistry2502.github.io/');
$qrCodes['styleRound'] = QrCode::size(150)->style('round')->generate('https://sameermistry2502.github.io/');

return view('qrcode',$qrCodes);

```
**[Step - 8]** **Make a blade file:qrcode.blade.php**
**[Step - 9]** **Add Bootstrap cdn**
```bash
==> css

==> js

```
**[Step - 10]** **Copy Code and paste on qrcode.blade.php file**
```bash




Simple


{!! $simple !!}

Download SVG


Color Change


{!! $changeColor !!}


Background Color Change


{!! $changeBgColor !!}


Style Square


{!! $styleSquare !!}


Style Dot


{!! $styleDot !!}


Style Round


{!! $styleRound !!}



```
**[Step - 11]** **Copy Code and paste on the bottom of the qrcode.blade.php**
```bash

function downloadSVG() {
const svg = document.getElementById('container').innerHTML;
const blob = new Blob([svg.toString()]);
const element = document.createElement("a");
element.download = "w3c.svg";
element.href = window.URL.createObjectURL(blob);
element.click();
element.remove();
}

```
**[Step - 12]** **run the command on the project terminal**
```bash
php artisan serve
```
Hit the url
```bash
http://127.0.0.1:8000/
```
## Authors

- [@sameermistry2502](https://www.github.com/sameermistry2502)

## Output

![Screenshot from 2024-11-15 20-50-53](https://github.com/user-attachments/assets/23fe6fd8-6d06-4049-90f9-b7439973b696)