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
• TypeScript
• Tailwind
• SASS
• Vue Styleguidist

🎯 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
• Criar conta de usuário
  • Visualizar o status da criação
• Efetuar Login
  • Visualizar se login estiver incorreto
  • Visualizar dados do usuário logado
• Usar credenciais
  • Copiar e gerar novas chaves de API
  • Copiar Script de feedbacks
• Listar feedbacks
• Carregar proxima página de feedback ao efetuar scroll na página
• 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
• Acompanhar todas as alterações, mesmo depois de atualizar o navegador (localStorage pode ser usado)

Requisitos de Desenvolvimento:

• Vue3
  • Usar composition API
  • Usar Vuex
  • Usar Vue-router
  • Handling Error Axios com interceptors
• TypeScript
• Testes com Jest
  • Testes unitários
  • Testes de integração
    • Testes para a Store
  • Testes de snapshot
• Testes com Cypress
• Utilizar conceitos de SOLID e clean Codde
• Consumir API
  • Tratar Dados da API
• Usar Framework CSS Tailwind
• SASS
• Prettier
• Configurar Docker
• Documentar com JS Docs e Vue Styleguidist

(back to top)

🗂 How To Use

Starting Development

# Iniciar o backend
cd backend
npm run container
cd ../

# Iniciar o server Vue
cd dashboard
npm run serve

# Iniciar documentação 
npm run doc

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

---

Made by 🤍 Merieli Manzano

(back to top)