1.2.1 • Published 10 months ago

@webverse-tech/feedget v1.2.1

Weekly downloads
-
License
ISC
Repository
github
Last release
10 months ago

Feedget é um widget de feedback que permite aos usuários enviar mensagens diretamente para um canal do Discord. Este widget é fácil de configurar e não requer backend. Basta conectar a URL do webhook do Discord para começar a receber feedbacks em seu canal.

💣 Recursos

  • Configuração Simples: Envie feedbacks diretamente para o Discord com apenas um webhook.
  • Sem Backend Necessário: Funciona totalmente no frontend, sem necessidade de servidor.
  • Personalização: Customize o widget de acordo com suas necessidades:
    • Cores: Altere as cores do widget para combinar com o design do seu site.
    • Tema: Escolha entre temas claro e escuro.
    • Tamanho do Botão: Ajuste o tamanho do botão de feedback para se adequar ao layout.
    • Campos Adicionais: Adicione campos opcionais para nome e/ou e-mail.
  • Demo Disponível: Experimente o widget antes de implementar em seu projeto.

💻 Demo

Para testar o widget antes de integrá-lo ao seu projeto, visite nossa demo.

Instalação

Você pode instalar o pacote feedget usando npm:

npm install @webverse-tech/feedget

Ou se preferir usar yarn:

yarn add @webverse-tech/feedget

Configuração

  1. Obtenha o Webhook do Discord:

    • Vá para seu servidor Discord e crie um webhook no canal onde você deseja receber os feedbacks.
    • Copie a URL do webhook.
  2. Configure o Widget:

    • Importe e configure o widget em seu projeto. Use a URL do webhook para conectar o widget ao seu canal do Discord.
    import Feedget from '@webverse-tech/feedget';
    
    function App() {
      return (
        <div>
          <Feedget discordWebhookUrl="SUA_URL_DO_WEBHOOK_AQUI" />
        </div>
      );
    }
    
    export default App;

    Substitua "SUA_URL_DO_WEBHOOK_AQUI" pela URL do webhook do Discord que você obteve.

Opções de Personalização

Customize o widget de acordo com suas necessidades. Veja as opções abaixo:

OpçãoDescriçãotypedefaultaccept
themeColorAltere a cor de destaque.string'#8257e6'Cores em formato hexadecimal (ex: #8257e6)
textColorAltere a cor do texto.string'#ffffff'Cores em formato hexadecimal (ex: #000000)
sizeAjuste o tamanho do botão de feedback.string'medium'"small", "medium", "large"
themeEscolha entre temas claro e escuro.stringdark'"dark" ou "light"
isEnabledNameAdicione um campo opcional para nome.booleanfalse
isEnabledEmailAdicione um campo opcional para e-mail.booleanfalse

🧪 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

Contribuição

Se você deseja contribuir para o desenvolvimento do feedget, sinta-se à vontade para abrir issues e pull requests. Estamos abertos a melhorias e sugestões!

Licença

Este projeto está licenciado sob a licença ISC. Veja o arquivo LICENSE para mais detalhes.

!NOTE

Este projeto foi aprimorado a partir da NLW #8, evento da Rocketseat

1.2.1

10 months ago

1.2.0

10 months ago

1.1.1

10 months ago

1.1.0

10 months ago

1.0.34

10 months ago

1.0.33

10 months ago

1.0.32

10 months ago

1.0.31

10 months ago

1.0.30

10 months ago

1.0.29

10 months ago

1.0.28

10 months ago

1.0.27

10 months ago

1.0.26

10 months ago

1.0.25

10 months ago

1.0.24

10 months ago

1.0.23

10 months ago

1.0.22

10 months ago

1.0.21

10 months ago

1.0.20

10 months ago

1.0.19

10 months ago

1.0.17

10 months ago

1.0.16

10 months ago

1.0.15

10 months ago

1.0.14

10 months ago

1.0.13

10 months ago

1.0.12

10 months ago

1.0.11

10 months ago

1.0.10

10 months ago

1.0.9

10 months ago

1.0.8

10 months ago

1.0.6

10 months ago

1.0.5

10 months ago

1.0.4

10 months ago

1.0.3

10 months ago

1.0.2

10 months ago

1.0.1

10 months ago

1.0.0

10 months ago