NLW-WIDGET

Conteúdo

• Sobre a aplicação
• Tecnologias
• Iniciando a Aplicação
• Screenshots
• Licença
• Contato

Sobre a aplicação

Aplicação desenvolvida em React com Vite + Typescript durante o NLW Return, promovido pela Rocketseat.
Durante o evento, foram desenvolvidas 3 aplicações, uma API em Node, uma aplicação React e um App em React Native.
A aplicação consiste em um botão flutuante, no estilo widget, que permite relatar um problema ou comentário, tirar um screenshot da tela e enviar para a API, que se encarregará de gravar o feedback no banco e enviar um e-mail.
Esta aplicação está rodando na Vercel, neste Link.

🛠️ Tecnologias

• React + Vite + Typescript
• TailwindCSS para estilização.
• Html2canvas para fazer screenshot da tela.
• Phosphor-react para obter os ícones.
• Acesso à API com Axios

🚗 Iniciando a aplicação

# Baixe o repositório com git clone e entre na pasta do projeto.
$ git clone hhttps://github.com/luiizsilverio/nlw-widget

# Renomeie o arquivo .env.local-example para .env.local
# Informe a URL da API na variável VITE_API_URL

# Execute npm install para instalar as dependências
$ npm install

# Para iniciar a aplicação na porta 3000
$ npm run dev

📸 Screenshots

⚖️ Licença

Este projeto está licenciado sob a licença MIT.

📧 Contato

E-mail: luiiz.silverio@gmail.com