A full-stack QR Code Generator web application built with Node.js, Express, and HTML/CSS/JS.
This app allows users to:
- π Generate QR codes for any URL
- π₯ Download QR codes as PNG files
- βοΈ Send contact messages via email using Web3Forms
- π Toggle between Light/Dark mode
π View Live on Render
QR-Code-Generator/ βββ public/ # Frontend (HTML, CSS, JS) β βββ assets/ # Icons and media β βββ style.css # Styling β βββ script.js # Frontend JS logic βββ generated_qr/ # Stores generated PNG QR codes (auto-created) βββ .env # Environment variables (e.g., Web3Forms key) βββ .gitignore # Ignores node_modules, .env, etc. βββ package.json # Node dependencies βββ server.js # Express backend
git clone https://github.com/alok9064/QR-Code-Generator.git cd QR-Code-Generator npm install
π Run the App Locally node server.js Visit π http://localhost:3000
π‘οΈ Deployment This project is deployed on Render To Deploy: 1.Log in to Render with your GitHub account 2.Click "New Web Service" 3.Select your repo: QR-Code-Generator 4.Use these settings:
Build Command: npm install
Start Command: node server.js
Environment: Node
Root Directory: (leave blank unless your server is in a subfolder) Ensure the generated_qr/ folder is tracked using a .gitkeep file Click Deploy
π¬ Contact Form Integration Using Web3Forms, this app securely handles form submissions via API using an access key.
π Don't worry β Web3Forms keys are public-safe!
π€ Contributing Contributions are welcome! Feel free to fork this repo, make changes, and submit a pull request.
π§βπ» Author Tanmoy Paul GitHub Profile
π License This project is licensed under the MIT License
Thank you for visiting and using the QR Code Generator!