Tecnologias   |    Como executar   |    Projeto   |    Layout Original   |    Próximo Nível   |    License   |   

• GERADOR DE SCRIPT PARA IMPLANTAÇÃO EM QUALQUER SITE
  • Gera um script automático para ser inserir o WIDGET em qualquer site html;
• TÍTULO do Widget personalizado (Feedback, Fale Conosco, WhatsApp...etc);
• E-MAIL do remetente (opcional) para retorno;
• E-MAIL do destinatário para envio dos e-mails;
• WHATSAPP do usuário destinatário, para abrir automaticamente no final do envio;
• INSTAGRAM para ser exibido botão final do Feedback;
• SCREENSHOT opcional (nem todos os sites precisam);
• TEMA Dark | Light;
• CORES - diversas opções de cores do Widget;
• HOSPEDAGEM banco MYSQL no PlanetScale;
• Todo projeto convertido em NEXTJS mantendo todas as camadas do back em /src/backend

OUTRAS ATUALIZAÇÕES REALIZADAS

• Html do e-mail melhorado - Taxa de 90% de de market support no mailtrap
• Screenshot agora é anexado no e-mail (gmail não suporta base64)
• Configuração do email SMTP por .env - Testado e funcionando no mailtrap, mailgun e gmail
• Novo arquivo template.html em backend/views/ para mudança do HTML de forma simples

• https://jsfiddle.net/devmaicon/38942rj7/9/

Esse projeto foi desenvolvido com as seguintes tecnologias:

• React
• NextJS
• Typescript
• Tailwindcss
• Prisma

Clone o repositório e acesse a pasta.

$ git clone https://github.com/devmaicon85/widget

# entrar na pasta do projeto
$ cd widget

# Instalar as dependências
$ npm install

# Faça uma copia do arquivo `.env.example` para `.env` e informe suas credenciais

# Criar o banco de dados via migrate
$ npx prisma migrate dev

# Iniciar o projeto
$ npm run dev

O projeto é uma aplicação para coleta de feedbacks que pode ser adicionado em qualquer ambiente mobile ou web.

Você pode visualizar o layout do projeto original através do link abaixo:

• Layout Web

Visitar o Projeto

Esse projeto está sob a licença MIT.

Feito com 💜 por mim no projeto 👋🏻 da NLW Returns da Rocketseat