{"id":20198897,"url":"https://github.com/merieli/show-me-the-problem","last_synced_at":"2026-05-07T12:35:21.695Z","repository":{"id":45600177,"uuid":"513862522","full_name":"Merieli/show-me-the-problem","owner":"Merieli","description":null,"archived":false,"fork":false,"pushed_at":"2023-09-21T10:33:49.000Z","size":4822,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-13T19:51:49.170Z","etag":null,"topics":["composition-api","typescript","vue3","vuex-store"],"latest_commit_sha":null,"homepage":"backend-show-me-the-problem.vercel.app","language":"JavaScript","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/Merieli.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}},"created_at":"2022-07-14T10:49:00.000Z","updated_at":"2022-11-13T20:56:20.000Z","dependencies_parsed_at":"2025-01-13T19:51:08.669Z","dependency_job_id":"c1d15bf9-911d-4a34-b9fd-6fc5d18c8afd","html_url":"https://github.com/Merieli/show-me-the-problem","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Merieli%2Fshow-me-the-problem","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Merieli%2Fshow-me-the-problem/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Merieli%2Fshow-me-the-problem/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Merieli%2Fshow-me-the-problem/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Merieli","download_url":"https://codeload.github.com/Merieli/show-me-the-problem/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241631605,"owners_count":19994055,"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":["composition-api","typescript","vue3","vuex-store"],"created_at":"2024-11-14T04:34:39.999Z","updated_at":"2026-05-07T12:35:16.674Z","avatar_url":"https://github.com/Merieli.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003e\n    \u003cbr\u003e\n    \u003cimg src=\"./assets/icons/icon.png\" alt=\"\" width=\"120\"\u003e\n    \u003cbr\u003e\n    \u003cbr\u003e\n    Show me the Problem\n    \u003cbr\u003e\n    \u003ca href=\"https://merieli-showmetheproblem-dashboard.netlify.app/\"\u003eDashboard\u003c/a\u003e | \u003ca href=\"https://merieli-showmetheproblem-widget.netlify.app/\"\u003eWidget\u003c/a\u003e\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003eProjeto para gerar script de captura de feedbacks para ser inserido em sites e visualizar os comentários recebidos. Desenvolvimento para estudo com base no projeto do curso da comunidade VueJS Brasil\u003c/p\u003e\n\n\u003c!-- SHIELDS DO PROJETO --\u003e\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://opensource.org/licenses/MIT\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/License-MIT-blue.svg\" alt=\"License MIT\"\u003e\n  \u003c/a\u003e\n  \n\u003c!-- INSERIR GIF DEMO DO PROJETO \n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"[GIF DE DEMONSTRAÇÃO OU IMAGEM do projeto]\" alt=\"demo-web\" height=\"425\"\u003e\n\u003c/div\u003e\n--\u003e\n\u003chr/\u003e\n\n## ⚡ Built With\n\n- \u003cimg src=\"https://img.icons8.com/color/48/000000/vue-js.png\" width=\"20px\"/\u003e **[Vue.js](https://vuejs.org/)**\n- \u003cimg src=\"https://img.icons8.com/color/48/000000/typescript.png\" width=\"20px\"/\u003e **[TypeScript](https://www.typescriptlang.org/)**\n- \u003cimg src=\"https://img.icons8.com/color/48/000000/tailwind_css.png\" width=\"20px\"/\u003e **Tailwind**\n- \u003cimg src=\"https://img.icons8.com/color/48/000000/sass-avatar.png\" width=\"20px\"/\u003e **SASS**\n- \u003cimg src=\"https://vue-styleguidist.github.io/assets/logo.png\" width=\"20px\"/\u003e **[Vue Styleguidist](https://vue-styleguidist.github.io/)**\n\n\n### 🎯 Briefing\n\nOs usuários devem ser capazes de:\n- [ ] Vizualizar o layout ideal para o aplicativo, dependendo do tamanho da tela do dispositivo\n- [ ] Ver os estados de foco para todos os elementos interativos na página\n- [X] Criar conta de usuário\n    - [X] Visualizar o status da criação\n- [X] Efetuar Login\n    - [X] Visualizar se login estiver incorreto\n    - [X] Visualizar dados do usuário logado\n- [X] Usar credenciais\n    - [X] Copiar e gerar novas chaves de API\n    - [X] Copiar Script de feedbacks\n- [X] Listar feedbacks\n- [X] Carregar proxima página de feedback ao efetuar scroll na página\n- [X] Filtrar Feedbacks por categoria\n\n**Bonus**\nhttps://thirsty-clarke-9a6686.netlify.app/\n- [ ] Classificar as sugestões por mais/menos votos positivos e mais/menos comentários\n- [ ] Adicionar comentários e respostas a uma solicitação de feedback do produto\n- [ ] Aprovar solicitações de feedback do produto\n- [X] Acompanhar todas as alterações, mesmo depois de atualizar o navegador (localStorage pode ser usado)\n\n#### Requisitos de Desenvolvimento:\n- [X] Vue3\n    - [X] Usar composition API\n    - [X] Usar Vuex\n    - [X] Usar Vue-router\n    - [ ] Handling Error Axios com interceptors\n- [X] TypeScript\n- [X] Testes com Jest\n    - [X] Testes unitários\n    - [X] Testes de integração\n      - [ ] Testes para a Store\n    - [X] Testes de snapshot\n- [X] Testes com Cypress\n- [ ] Utilizar conceitos de SOLID e clean Codde\n- [X] Consumir API\n    - [X] Tratar Dados da API\n- [X] Usar Framework CSS Tailwind\n- [X] SASS\n- [X] Prettier\n- [X] Configurar Docker\n- [X] Documentar com JS Docs e Vue Styleguidist\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🗂 How To Use\n\n#### Starting Development \n```sh\n# Iniciar o backend\ncd backend\nnpm run container\ncd ../\n\n# Iniciar o server Vue\ncd dashboard\nnpm run serve\n\n# Iniciar documentação \nnpm run doc\n```\n\n## :octocat: Contributing\n\nThis project is for study purposes, so contact me and let me know your ideas.\n\nAll kinds of contributions are very welcome and appreciated!\n   - ⭐️ Star the project\n   - 🐛 Find and report issues\n   - 📥 Submit PRs to help solve issues or add features\n   - ✋ Influence the future of project with feature requests\n\n-------------------------------------\n```diff\nMade by 🤍 Merieli Manzano\n```\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmerieli%2Fshow-me-the-problem","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmerieli%2Fshow-me-the-problem","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmerieli%2Fshow-me-the-problem/lists"}