aplicativo simples-crc
Este é um editor simples para criar cartões de Colaboradores de Responsabilidade de Classe. Eu o construí para aprender Angular 4.0, porque essa é a melhor maneira de aprender coisas novas. Eu não queria usar um framework CSS completo como o Bootstrap, que possui muitos componentes pré-fabricados, então extraí e personalizei alguns estilos do Bulma.io.
Algumas das características do editor:
- Os modelos são salvos localmente através do HTML5 Web Storage, sem necessidade de servidor.
- Defina diferentes tipos de cartões: entidade, limite, controlador.
- Exportar/importar arquivos JSON.
- Atalhos de teclado para operações principais.
- O aplicativo cria automaticamente Cartões CRC para colaboradores.
- Dnd de cartas.
Um pequeno guia do usuário:
- Para editar um cartão existente, clique uma vez no cabeçalho do cartão.
- Para arrastar um cartão, clique e segure na zona do corpo do cartão. Atalhos de teclado:
- 'CTRL-m': Crie um novo modelo.
- 'CTRL-d': Exclui o modelo atual do armazenamento WEB local.
- 'CTRL-s': Salva o modelo atual no armazenamento local.
- 'CTRL-o': Abra um modelo do armazenamento local.
- 'CTRL-u': Carregue um arquivo JSON externo no armazenamento local.
- 'CTRL-j': Baixa como arquivo JSON o modelo atual. Escape fecha a caixa de diálogo.
As coisas ainda não estão perfeitas, mas podem ser utilizadas nesta fase. O aplicativo (ainda) não responde.
Alguns recursos que gostaria de adicionar:
- Uma exportação de PDF com jsPdf
- Uma exportação SVG.
- Talvez um recurso de layout automático.
Não deve ser muito difícil de implementar, esses recursos estão a apenas algumas linhas de código de distância. A base de código é pequena, então se você quiser contribuir com esses recursos, posso ajudar.
Aqui está o link para uma versão hospedada no github
