{"id":28331715,"url":"https://github.com/renyzeraa/feedback-widget-web","last_synced_at":"2026-04-12T12:44:52.695Z","repository":{"id":279517825,"uuid":"939068115","full_name":"renyzeraa/feedback-widget-web","owner":"renyzeraa","description":"widget para enviar relatórios de bugs, idéias ou outros assuntos, feito em React.js","archived":false,"fork":false,"pushed_at":"2025-04-12T02:27:26.000Z","size":277,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-03T05:38:11.051Z","etag":null,"topics":["axios","react","tailwindcss","typescript","vite"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/renyzeraa.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-02-26T00:02:19.000Z","updated_at":"2025-04-12T02:27:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"16a62465-8050-469b-ae82-9c6a64e8c1f5","html_url":"https://github.com/renyzeraa/feedback-widget-web","commit_stats":null,"previous_names":["renyzeraa/feedback-widget","renyzeraa/feedback-widget-web"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/renyzeraa/feedback-widget-web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renyzeraa%2Ffeedback-widget-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renyzeraa%2Ffeedback-widget-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renyzeraa%2Ffeedback-widget-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renyzeraa%2Ffeedback-widget-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/renyzeraa","download_url":"https://codeload.github.com/renyzeraa/feedback-widget-web/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/renyzeraa%2Ffeedback-widget-web/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260692825,"owners_count":23047502,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["axios","react","tailwindcss","typescript","vite"],"created_at":"2025-05-26T18:50:06.361Z","updated_at":"2026-04-12T12:44:47.653Z","avatar_url":"https://github.com/renyzeraa.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Widget de Feedback 🛠️\n\nUm widget moderno e acessível para coletar feedback dos usuários com funcionalidade de captura de tela.\n\n[Repositório do Backend](https://github.com/renyzeraa/feedback-widget-server)\n\n## Funcionalidades 🌟\n\n- Três tipos de feedback: Problemas, Ideias e Outros\n- Funcionalidade de captura de tela\n- Componentes acessíveis usando Headless UI\n- Interface moderna com Tailwind CSS\n- Suporte completo à navegação por teclado\n- Integração com servidor via API REST\n- Design responsivo\n\n## Tecnologias Utilizadas 🛠️\n\n- **Frontend:**\n  - React\n  - TypeScript\n  - Vite\n  - Tailwind CSS\n  - Headless UI\n  - Phosphor Icons\n  - Axios\n\n## Começando 🚀\n\n1. Clone o repositório:\n\n```bash\ngit clone https://github.com/seu-usuario/feedback-widget.git\ncd feedback-widget\n```\n\n2. Instale as dependências:\n\n```bash\nnpm install\n```\n\n3. Crie um arquivo [`.env.local`](.env.local):\n\n```env\nVITE_API_URL=http://localhost:3333\n```\n\n4. Inicie o servidor de desenvolvimento:\n\n```bash\nnpm run dev\n```\n\n## Como Usar 💡\n\nO widget aparece como um botão no canto inferior direito da sua aplicação. Ao clicar, abre um popover com três opções de feedback:\n\n- **Problema** - Reportar bugs ou problemas\n- **Ideia** - Compartilhar sugestões de melhorias\n- **Outro** - Feedback geral ou comentários\n\nOs usuários podem:\n\n- Selecionar o tipo de feedback\n- Escrever seu feedback\n- Tirar uma screenshot (opcional)\n- Enviar o feedback\n\n## Acessibilidade ♿\n\n- Navegação completa por teclado\n- Labels e roles ARIA\n- Gerenciamento de foco\n- Compatível com leitores de tela\n- Conformidade com contraste de cores\n\n## Compilando para Produção 🏗️\n\n```bash\nnpm run build\n```\n\nOs arquivos compilados estarão no diretório `dist`.\n\n## Preview\n\n![Image](https://github.com/user-attachments/assets/16ecc189-45f0-4107-a605-3fafea2a9843)\n\n## Design\n\nConfira o design no Figma:\n[Design do Widget de Feedback](https://www.figma.com/design/ee974ILjtkbjMESqN92k7y/Feedback-Widget--Community-?m=auto\u0026t=GAYQOPyo2NdWiy5t-6)\n\n---\n\nSe você tiver alguma dúvida ou sugestão, entre em contato e sinta-se à vontade para contribuir !\n\n\u003cimg align=\"left\" src=\"https://avatars.githubusercontent.com/renyzeraa?size=100\"\u003e\n\nFeito por [Renan L. Silva](https://github.com/renyzeraa)! \u003cbr\u003e\n🛠 Dev. FullStack \u003cbr\u003e\n📍 Santa Catarina - Brasil \u003cbr\u003e\n\n\u003ca href=\"https://www.linkedin.com/in/renyzeraa\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/LinkedIn-0077B5?style=flat\u0026logo=linkedin\u0026logoColor=white\" alt=\"LinkedIn Badge\" height=\"20\"\u003e\u003c/a\u003e\u0026nbsp;\n\u003ca href=\"mailto:renansilvaytb@gmail.com\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/Gmail-D14836?style=flat\u0026logo=gmail\u0026logoColor=white\" alt=\"Gmail Badge\" height=\"20\"\u003e\u003c/a\u003e\u0026nbsp;\n\u003ca href=\"#\"\u003e\u003cimg src=\"https://img.shields.io/badge/Discord-%237289DA.svg?logo=discord\u0026logoColor=white\" title=\"renan_s#7826\" alt=\"Discord Badge\" height=\"20\"\u003e\u003c/a\u003e\u0026nbsp;\n\u003ca href=\"https://www.github.com/renyzeraa\" target=\"_blank\"\u003e\u003cimg src=\"https://img.shields.io/badge/GitHub-100000?style=flat\u0026logo=github\u0026logoColor=white\" alt=\"GitHub Badge\" height=\"20\"\u003e\u003c/a\u003e\u0026nbsp;\n\n\u003cbr clear=\"left\"/\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frenyzeraa%2Ffeedback-widget-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frenyzeraa%2Ffeedback-widget-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frenyzeraa%2Ffeedback-widget-web/lists"}