/show-me-the-problem

Primary LanguageJavaScript




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

License MIT

⚡ Built With

🎯 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

: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
Made by 🤍 Merieli Manzano

(back to top)