An open API service indexing awesome lists of open source software.

https://github.com/marceometry/feedget

Componente Widget para envio de feedbacks
https://github.com/marceometry/feedget

feedback nlw-8 nlw-return reactjs tailwindcss typescript widget

Last synced: 4 months ago
JSON representation

Componente Widget para envio de feedbacks

Awesome Lists containing this project

README

          


FeedGet - ReactJS


Projeto   |   
Tecnologias   |   
Funcionalidades



Project Mockup

## 💻 Projeto

Para acessar a documentação, clique aqui.

`npm i feedget`

```ts
import { FeedGet } from 'feedget'

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

return
}
```

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:

- [ReactJS](https://pt-br.reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [TailwindCSS](https://tailwindcss.com/)

## 💣 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