A modern, responsive QR code generator web application that allows users to create QR codes for their sites.
Tech Stack
- HTML5
- CSS3
- JavaScript (ES6+)
Styling
- Custom CSS with modern design principles
Project Structure:
- qr-code-gen/
- ├── my-qr-code-gen.html
- ├── vercel.json
Installation
-
Clone the repository: git clone https://github.com/pro-coder520/qr-code-gen.git
-
Navigate to the project directory: cd qr-code-gen
-
Open my-qr-code-gen.html in your web browser or serve it using a local server:
-
Using Python: python -m http.server 8000
-
Using Node.js: npx http-server
-
Using PHP: php -S localhost:8000
-
Usage
- Enter Content: Type your text or URL in the input field
- Generate: Click the "Generate QR Code" button
- Download: Hit the download button (it's in PNG format)
Browser Compatibility
- Chrome (recommended)
- Firefox
- Safari
- Edge
- Mobile browsers
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the project
- Create your feature branch (git checkout -b main)
- Commit your changes (git commit -m 'Add some AmazingFeature')
- Push to the branch (git push origin main)
- Open a Pull Request