1.2.1 • Published 1 year ago

@webverse-tech/feedget v1.2.1

Weekly downloads
-
License
ISC
Repository
github
Last release
1 year 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

1 year ago

1.2.0

1 year ago

1.1.1

1 year ago

1.1.0

1 year ago

1.0.34

1 year ago

1.0.33

1 year ago

1.0.32

1 year ago

1.0.31

1 year ago

1.0.30

1 year ago

1.0.29

1 year ago

1.0.28

1 year ago

1.0.27

1 year ago

1.0.26

1 year ago

1.0.25

1 year ago

1.0.24

1 year ago

1.0.23

1 year ago

1.0.22

1 year ago

1.0.21

1 year ago

1.0.20

1 year ago

1.0.19

1 year ago

1.0.17

1 year ago

1.0.16

1 year ago

1.0.15

1 year ago

1.0.14

1 year ago

1.0.13

1 year ago

1.0.12

1 year ago

1.0.11

1 year ago

1.0.10

1 year ago

1.0.9

1 year ago

1.0.8

1 year ago

1.0.6

1 year ago

1.0.5

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago