https://github.com/merieli/show-me-the-problem
https://github.com/merieli/show-me-the-problem
composition-api typescript vue3 vuex-store
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/merieli/show-me-the-problem
- Owner: Merieli
- Created: 2022-07-14T10:49:00.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2023-09-21T10:33:49.000Z (over 2 years ago)
- Last Synced: 2025-01-13T19:51:49.170Z (over 1 year ago)
- Topics: composition-api, typescript, vue3, vuex-store
- Language: JavaScript
- Homepage: backend-show-me-the-problem.vercel.app
- Size: 4.6 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Show me the Problem
Dashboard | Widget
Projeto 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
## ⚡ Built With
- 
**[Vue.js](https://vuejs.org/)**
- 
**[TypeScript](https://www.typescriptlang.org/)**
- 
**Tailwind**
- 
**SASS**
- 
**[Vue Styleguidist](https://vue-styleguidist.github.io/)**
### 🎯 Briefing
Os usuários devem ser capazes de:
- [ ] Vizualizar o layout ideal para o aplicativo, dependendo do tamanho da tela do dispositivo
- [ ] Ver os estados de foco para todos os elementos interativos na página
- [X] Criar conta de usuário
- [X] Visualizar o status da criação
- [X] Efetuar Login
- [X] Visualizar se login estiver incorreto
- [X] Visualizar dados do usuário logado
- [X] Usar credenciais
- [X] Copiar e gerar novas chaves de API
- [X] Copiar Script de feedbacks
- [X] Listar feedbacks
- [X] Carregar proxima página de feedback ao efetuar scroll na página
- [X] Filtrar Feedbacks por categoria
**Bonus**
https://thirsty-clarke-9a6686.netlify.app/
- [ ] Classificar as sugestões por mais/menos votos positivos e mais/menos comentários
- [ ] Adicionar comentários e respostas a uma solicitação de feedback do produto
- [ ] Aprovar solicitações de feedback do produto
- [X] Acompanhar todas as alterações, mesmo depois de atualizar o navegador (localStorage pode ser usado)
#### Requisitos de Desenvolvimento:
- [X] Vue3
- [X] Usar composition API
- [X] Usar Vuex
- [X] Usar Vue-router
- [ ] Handling Error Axios com interceptors
- [X] TypeScript
- [X] Testes com Jest
- [X] Testes unitários
- [X] Testes de integração
- [ ] Testes para a Store
- [X] Testes de snapshot
- [X] Testes com Cypress
- [ ] Utilizar conceitos de SOLID e clean Codde
- [X] Consumir API
- [X] Tratar Dados da API
- [X] Usar Framework CSS Tailwind
- [X] SASS
- [X] Prettier
- [X] Configurar Docker
- [X] Documentar com JS Docs e Vue Styleguidist
## 🗂 How To Use
#### Starting Development
```sh
# Iniciar o backend
cd backend
npm run container
cd ../
# Iniciar o server Vue
cd dashboard
npm run serve
# Iniciar documentação
npm run doc
```
## :octocat: Contributing
This project is for study purposes, so contact me and let me know your ideas.
All kinds of contributions are very welcome and appreciated!
- ⭐️ Star the project
- 🐛 Find and report issues
- 📥 Submit PRs to help solve issues or add features
- ✋ Influence the future of project with feature requests
-------------------------------------
```diff
Made by 🤍 Merieli Manzano
```