Skip to content

A Full-stack web application to generate QR codes from URLs. Integrated with a Connect and Contact (for support) form which will send real-time message to the developor/admin via email.

tanmoy-paul01/Generate_QR_Code

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

6 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

QR Code Generator πŸš€

A full-stack QR Code Generator web application built with Node.js, Express, and HTML/CSS/JS.


πŸš€ Features

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

πŸ”— Live Demo

πŸ‘‰ View Live on Render


πŸ“‚ Project Structure

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


πŸ› οΈ Installation

Prerequisites

Steps

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!

About

A Full-stack web application to generate QR codes from URLs. Integrated with a Connect and Contact (for support) form which will send real-time message to the developor/admin via email.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published