Home / Scripts & Code / ReactJS

QRewl - Ultimate Dynamic QR Code Generator SAASQRewl - Ultimate Dynamic QR Code Generator SAAS

Name: QRewl - Ultimate Dynamic QR Code Generator SAAS
Brand: Crewl
SKU: 58163
Availability: InStock

QRewl is a complete, production-ready SaaS platform for creating, managing, and tracking dynamic QR codes.

Home / Scripts & Code / ReactJS

QRewl - Ultimate Dynamic QR Code Generator SAAS

QRewl is a complete, production-ready SaaS platform for creating, managing, and tracking dynamic ...

Live Demo Add bookmark 1 like

Screenshots

Show all 10 screenshots

Overview

QRewl is a complete, production-ready SaaS platform for creating, managing, and tracking dynamic QR codes. Built with a modern stack (React, Node.js, MySQL), this script is the perfect foundation to launch your own profitable QR code business.
It comes packed with a powerful admin panel for user and subscription plan management, system-wide analytics, and dynamic branding. Users can create multiple types of QR codes (URL, Text, WiFi, etc.), customize them with colors and logos, and track their performance with detailed scan analytics.
The package includes the full backend and frontend source code, a ready-to-upload build, a database file, and detailed documentation for easy installation on any standard hosting environment.

Features

QRewl - The Ultimate Dynamic QR Code Generator SaaS Platform

A complete, production-ready SaaS script built with React, Node.js, and MySQL for creating, managing, and tracking dynamic QR codes.

Live Preview

Please note: The live demo is hosted on free services, so it may take a moment to load on the first visit. The purchased script will be significantly faster on standard hosting.

Launch your own profitable SaaS business with QRewl, a complete, production-ready dynamic QR code generator platform. This isn't just a template; it's a robust foundation built with a modern tech stack, focusing on security, scalability, and an excellent user experience. Whether you're an entrepreneur, a developer, or an agency, this script will save you hundreds of hours of development time and provide a powerful tool for your customers.

Why Choose QRewl?

Turnkey SaaS Solution: Install on your server, set up your plans, and start accepting customers. QRewl is a complete business-in-a-box.
Clean, Modern Codebase: Built with React and Node.js, the code is professional, organized, and easy for any developer to customize and extend.
In-Demand Features: Dynamic QR codes are a booming market. QRewl provides all the advanced features users are looking for, like custom logos and scan analytics.
Exceptional Documentation: We provide a clear, step-by-step guide to get you up and running in minutes, not hours.

Core Features

Powerful Admin Dashboard

Full User Management: Create, edit, delete, and manage all users from a central dashboard. View user details, assigned plans, and creation dates.
Plan & Subscription Management: Create unlimited custom subscription plans (e.g., Free, Pro, Business) with different limits for QR codes and scans. Assign plans to users with ease.
System-wide Analytics: Get a high-level overview of your platform's health with key performance indicators like total users, total QR codes, and total scans.
Dynamic Branding: White-label the entire platform. Easily change the application name and logo directly from the admin settings panel.

Advanced QR Code Functionality

Dynamic QR Codes: Edit the destination URL or content of a QR code at any time, even after it has been printed.
Multiple QR Code Types: Includes support for URL, Text, Email, Phone, SMS, vCard (Contact), and Wi-Fi network QR codes.
Custom Styling & Branding: Users can create unique QR codes by customizing foreground and background colors and adding their own logo to the center.
Scan Analytics: Track the performance of every dynamic QR code with detailed analytics, including total scans, scans over time, and breakdowns by OS, browser, and country.

SEO & Platform Management

Built-in SEO Settings: Easily update the Meta Title and Meta Description for your public-facing pages directly from the admin panel to improve search engine ranking.
Secure & Scalable: Built on a modern stack with security best practices, including JWT authentication, password hashing, and protection against SQL injection.
Ready for CodeCanyon: The code is clean, professional, and comes with everything you need for a successful submission, including detailed documentation and a database schema file.

Technical Stack

Frontend: React 18+ (with Hooks & Context API)
Backend: Node.js with Express.js
Database: MySQL
Styling: Tailwind CSS
API Communication: Axios with JWT token-based authentication
Password Hashing: Bcrypt (industry standard)

What You Get

Full React Frontend Source Code
Full Node.js Backend Source Code
Complete database.sql file for easy installation
Detailed documentation.html file with step-by-step installation instructions
Free future updates and bug fixes

Support & Contact

We are committed to providing the best support for our customers. If you have any questions, encounter any issues, or have a feature request, please do not hesitate to contact us.

Support Email: [email protected]
You can also contact us via the support tab on our CodeCanyon item page. We typically respond within 24 hours.

Stop dreaming and start building your SaaS empire today. Purchase QRewl and get a secure, scalable, and professional dynamic QR code generator up and running in minutes!

Requirements

Server Requirements

Node.js: Version 16.x or higher

Instructions

QRewl - Installation Guide

Thank you for purchasing QRewl! This guide will walk you through the entire installation process step-by-step.

Server Requirements

Node.js: Version 16.x or higher
Database: MySQL 5.7+ or MariaDB 10.2+
Web Server: Apache or Nginx
SSH (command line) access to your server is required.

Step 1: Database Setup

Using a tool like phpMyAdmin, create a new, empty database.
Make a note of the database name, username, and password.
Select the new database and click the "Import" tab.
Upload the database.sql file from the 4-Database folder and execute the import.

Step 2: Backend Installation

Upload the contents of the 1-Backend-Server folder to your server (e.g., /home/user/qrewl-backend).

Using SSH, navigate into that directory:

<code>cd /home/user/qrewl-backend</code>

Install the required packages:
```
<code>npm install</code>
```
Rename the file .env.example to .env.
Open the new .env file and fill in your database and server details.

Backend .env Configuration

CLIENT_URLCRITICAL: The full URL of your frontend (e.g., https://yourdomain.com). No trailing slash!

Variable	Description
`PORT`	The port your backend will run on (e.g., `5000`).
`DB_HOST`	Your database host, usually `localhost`.
`DB_USER`	The database username.
`DB_PASSWORD`	The database password.
`DB_DATABASE`	The database name.
`JWT_SECRET`	A long, random, secret string for security.

Step 3: Frontend Installation

Upload the contents of the 2-Frontend-Upload-Files folder to the public-facing directory of your website (e.g., public_html or /var/www/html).

Step 4: Starting the Backend

To run the backend server permanently, we recommend using PM2.
Install PM2 globally:
```
<code>npm install pm2 -g</code>
```
Navigate to your backend folder and start the application:
```
<code>pm2 start server.js --name qrewl-api</code>
```

Step 5: Login

Congratulations! Your installation is complete.

URL: https://yourdomain.com/login Email: [email protected] Password: password123

IMPORTANT: Please change the default super admin password immediately after your first login!

Advanced Customization (Optional)

If you are a developer and wish to customize the frontend, we have included the full source code for you in the 3-Frontend-Source-Code folder.

On your local computer, navigate into the 3-Frontend-Source-Code folder.
Install the required packages:
```
<code>npm install</code>
```
Open the .env file and change REACT_APP_API_URL to point to your live backend API URL.
After making your code changes, run the build command:
```
<code>npm run build</code>
```
A new build folder will be created. Upload the contents of this new folder to your server, replacing the files from Step 3.

Support

If you have any questions or need assistance, please do not hesitate to contact us.

Support Email: [email protected]
You can also contact us via the support tab on our CodeCanyon item page.

Thank you for using QRewl. For support, please email us at [email protected].

Free support
Future product updates
Quality checked by Codester
Lowest price guarantee

Buy Now

Information

Category	Scripts & Code / ReactJS
First release	27 August 2025
Last update	27 August 2025
Files included	.css, .sql, Javascript .js
JavaScript Framework	jQuery, Node.js
Tags	user management, qr code generator, custom qr code, responsive qr code, dynamic qr code generator, qr code saas, qr code script, react qr code, node js qr code, qr code with logo, editable qr code, qr code analytics, smart qr code, subscription plans, mysql qr code