widget

KO | EN

gitlite — search

#javascript #python #react #ai #typescript #llm #android #docker #macos #awesome #awesome-list #ios #mcp #openai

(★ 49)

No description available.

widget Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<p align="center">
  <a href="#-tecnologias">Tecnologias</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  <a href="#-como-executar">Como executar</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  <a href="#-projeto">Projeto</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  <a href="#-layout">Layout Original</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  <a href="#-nextlevel">Próximo Nível</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
  <a href="#-license">License</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
</p>

## 🚀 Próximo Nível - Atualizações realizadas<br/><br/>

-   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

<br/>
<h2>EXEMPLO DO SCRIPT RODANDO EM JSFIDDLE</h2>

-   [https://jsfiddle.net/devmaicon/38942rj7/9/](https://jsfiddle.net/devmaicon/38942rj7/9/)

<br/>

## 🧪 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

-   [React](https://reactjs.org)
-   [NextJS](https://nextjs.org/)
-   [Typescript](https://www.typescriptlang.org)
-   [Tailwindcss](https://tailwindcss.com)
-   [Prisma](https://www.prisma.io)

<br/>

## 🚀 Como executar

Clone o repositório e acesse a pasta.

```bash
$ 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

```

## 💻 Projeto

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

## 🔖 Layout

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

-   [Layout Web](https://www.figma.com/file/xHveOl5sXHMQfXFZ69H1AR/Feedback-Widget)

<h1 align="center">Script rodando no projeto Doctor Care NLW Origin</h1>
<p align="center">
   <a href="https://docter-care-lading-page.vercel.app/" target="_blank">
    <img alt="Doctor Care" src="https://user-images.githubusercontent.com/21183446/168507594-678b5987-4d89-495a-a53a-13e9489bd152.png" />
  </a>
  <p align="center">
    <a href="https://docter-care-lading-page.vercel.app" target="_blank">Visitar o Projeto</a>
  </p>
</p>

## 📝 License

Esse projeto está sob a licença MIT.

---

Feito com 💜 por mim no projeto 👋🏻 [da NLW Returns da Rocketseat](https://www.rocketseat.com.br/)

</div>

widget

widget Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

widget

widget Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README