/feedget

Componente Widget para envio de feedbacks

Primary LanguageTypeScript

FeedGet - ReactJS

Projeto   |    Tecnologias   |    Funcionalidades


Project Mockup

šŸ’» Projeto

Para acessar a documentaĆ§Ć£o, clique aqui.

npm i feedget

import { FeedGet } from 'feedget'

const FeedbackWidget = () => {
  const CLIENT_ID = 'YOUR_CLIENT_ID'

  return <FeedGet clientId={CLIENT_ID} />
}

Essa lib Ć© um botĆ£o flutuante que abre um modal de formulĆ”rio para enviar um feedback, permitindo tirar uma screenshot. Acesse o dashboard e faƧa login com seu github para conseguir seu CLIENT_ID. O CLIENT_ID Ć© usado para identificar sua aplicaĆ§Ć£o e direcionar os feedbacks corretamente. Este projeto foi aprimorado a partir da NLW #8, evento da Rocketseat

šŸ§Ŗ Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

šŸ’£ Funcionalidades

  • Light e Dark mode
  • PersonalizaĆ§Ć£o das cores e do posicionamento do componente na tela
  • BotĆ£o flutuante que abre um modal com formulĆ”rio
  • OpĆ§Ć£o de enviar screenshot junto ao feedback
  • IntegraĆ§Ć£o com a api em node que envia os feedbacks por email para o dono da aplicaĆ§Ć£o
RepositĆ³rio da api em node: https://github.com/Marceometry/NLW-FeedGet-NodeJS
RepositĆ³rio da documentaĆ§Ć£o/dashboard: https://github.com/Marceometry/NLW-FeedGet-ReactJS

Feito com ā™„ por Marcelino Teixeira