QR-Code-Generator

Tema escuro

Sobre o projeto

Link: QR-Code-Generator

QR-Code-Generator

É um app web feito para gerar "códigos QR" customizáveis com uma interface bonita, agradável e fácil de mexer. Com poucos cliques e segundos seu ( QR Code ) é gerado.

Layout Desktop. Com demostração

20230120_234335.2.mp4

Layout Mobile e Tablet

20230120_234702.2.mp4

Competências

• Responsividade
• Acessibilidade
• Boas Práticas

Tecnologias utilizadas

Front end

• HTML / CSS / JS / TypeScript
• React JS/TS
• Vite
• Styled-Components
• qrcode.react
• react-color

Container

• Docker

Implantação em produção

• Front end web: Vercel

Inspiração / Template

• https://www.frontendmentor.io/challenges/qr-code-component-iux_sIO_H

Como executar o projeto

Front end web

Container com Docker

Pré-requisitos: Docker instalado na sua máquina

# clonar repositório
git clone https://github.com/GabrielSS187/QR-Code-Generator.git

# entrar na pasta do projeto
cd QR-Code-Generator

# criar imagem do projeto
docker build -t qr-code-generator .

# rodar a imagem do projeto
docker run -p 5173:5173 qr-code-generator

Após esse procedimento o projeto deverá esta rodando no endereço: http://localhost:5173/

Máquina local

Pré-requisitos: npm / yarn

# clonar repositório
git clone https://github.com/GabrielSS187/QR-Code-Generator.git

# entrar na pasta do projeto
cd QR-Code-Generator

# instalar dependências
npm install

# executar o projeto
npm run dev

Após esse procedimento o projeto deverá esta rodando no endereço: http://localhost:5173/

Autor

Gabriel Silva Souza

https://www.linkedin.com/in/gabriel-silva-souza-developer