Full Stack QR Code Generator Web App | React, Express, MySQL
🚀 QR Code Generator | Full-Stack Project (React + Node.js + MySQL)
Welcome to my full-stack QR Code Generator Web App!
In this video, I’m showcasing a complete project built with React, Node.js, Express, JWT Authentication, Docker, and MySQL.
This app allows users to create, customize, download, and manage QR codes, while admins get advanced controls and analytics.
---
✨ Key Features Shown in This Video
👤 User Features
Secure Login & Registration (JWT + bcrypt)
Multiple QR styles, colors & backgrounds
Generate QR for URLs, text, Wi-Fi & contacts
Download QR as PNG
Manage all generated QR codes in a dashboard
Contact form to reach Admin
👑 Admin Features
Admin Dashboard with real-time insights
Manage users & QR codes
Role-based access control
Analytics for QR trends
---
🛠️ Tech Stack
Frontend: React, Vite, Styled Components, React Router, Axios
Backend: Node.js, Express.js, JWT, bcryptjs, MySQL2
Database: MySQL (Docker-based)
---
📁 Project Structure
client/ → React Frontend
server/ → Node.js + Express Backend
database/ → Docker + MySQL Setup
---
🌐 Local Access
Frontend → http://localhost:3000
Backend → http://localhost:5000
---
🎨 Customization
6 unique QR styles
Fully customizable colors & backgrounds
Auto-save for generated QR codes
---
🔧 Configuration
Environment variables include:
Database credentials
JWT Secret
Port configurations
---
👨💻 Author
Harshal Lathiya
GitHub: @HarshalLathiya
---
⭐ Support
If you found this useful, don’t forget to LIKE, COMMENT & SUBSCRIBE!
⭐ Star the repo on GitHub if you like this project.
🎉 Create, Customize & Share QR Codes with Ease! 🎉