https://github.com/wiriswernek/qr-code-generator

Um gerador de QR Code Moderno e simplificado
https://github.com/wiriswernek/qr-code-generator

angular bootstrap qrcode-generator typescript

Last synced: about 2 months ago
JSON representation

Um gerador de QR Code Moderno e simplificado

• Host: GitHub
• URL: https://github.com/wiriswernek/qr-code-generator
• Owner: WirisWernek
• Created: 2024-02-25T05:49:26.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-04T01:10:51.000Z (almost 2 years ago)
• Last Synced: 2024-08-04T03:04:45.494Z (almost 2 years ago)
• Topics: angular, bootstrap, qrcode-generator, typescript
• Language: TypeScript
• Homepage: https://qr-code-generator-wiriswernek.vercel.app
• Size: 559 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# QR Code Generator



	



## 🔥 Sobre

O projeto é um dos desafios do Dev Challenges onde o objetivo foi criar uma aplicação moderna para criar QR Codes, que fosse responsiva e que permitisse baixar o qr code gerado ou compartilhar um link para gerar o qr code com a mesma informação. 

Atualmente o projeto se encontra publicado na [Vercel](https://qr-code-generator-wiriswernek.vercel.app/), e usa como base o Angular com Typescript e Bootstrap 5.

## 🔨 Como executar esta aplicação?

### Padrão

Para rodar a aplicação voce deve:

- Primeiro clonar este repositório

- Navegar para a pasta `qr-code-generator`

- Executar o comando `npm i` para instalar as dependências do projeto

- Executar o comando `ng s` ou `ng serve` para rodar a aplicação

- Abrir em seu navegador de preferência a URL `http://localhost:4200/` para acessar a aplicação

- Se desejar pode executar diretamente `ng s -o` ou `ng serve --open` para executar a aplicação e abrir automaticamente o navegador já na pagina da aplicação

## 📦 Tecnologias usadas

- ![Angular](https://img.shields.io/badge/angular-%23DD0031.svg?style=for-the-badge&logo=angular&logoColor=white)

- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)

- ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

- ![Bootstrap](https://img.shields.io/badge/bootstrap-%238511FA.svg?style=for-the-badge&logo=bootstrap&logoColor=white)