QR Code Generator

A QR Code Generator created using Tailwind CSS, HTML, CSS and JavaScript

View Demo

About The Project

This project is a QR Code Generator created using Tailwind CSS, HTML, CSS and JavaScript. It allows you to generate QR codes from any text input, such as URLs, phone numbers, messages, etc. You can also customize the color of your QR codes. The project uses Tailwind CSS for responsive design and the goQR.me API for QR Code Generation.

(back to top)

Built With

(back to top)

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Installation

1. Clone the repo

 git clone https://github.com/JoaoFranco03/qr-code-generator/.git

2. Run the following command:

 npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

3. Run the Project in a Server

(back to top)

ToDo

• Create the QR Code Generator
• Adapt the Square Background Color Based on the Contrast
• Add a Download Button
• Make the Website Responsive
• Dark Mode

(back to top)

License

Distributed under the GPL-3.0 License. See LICENSE.txt for more information.

(back to top)

Contact

João Franco - https://www.linkedin.com/in/joão-franco-452161195/

Project Link: https://github.com/JoaoFranco03/qr-code-generator/

(back to top)

Acknowledgments

• goQR.me API
• Tailwind Documentation

(back to top)