aplicación-crc-simple
Este es un editor sencillo para crear tarjetas de Colaboradores con Responsabilidad de Clase. Lo he creado para aprender Angular 4.0, porque esa es la mejor manera de aprender cosas nuevas. No quería usar un marco CSS completo como Bootstrap, que tiene muchos componentes prediseñados, así que extraje y personalicé algunos estilos de Bulma.io.
Algunas de las características del editor:
- Los modelos se guardan localmente a través del almacenamiento web HTML5, no se requiere servidor.
- Definir diferentes tipos de tarjetas: entidad, límite, controlador.
- Exportar/importar archivos JSON.
- Atajos de teclado para operaciones principales.
- La aplicación crea automáticamente Tarjetas CRC para colaboradores.
- Dnd de tarjetas.
Una pequeña guía de usuario:
- Para editar una tarjeta existente, haga clic una vez en el encabezado de la tarjeta.
- Para arrastrar una tarjeta, haga clic y mantenga presionado en la zona del cuerpo de la tarjeta. Atajos de teclado:
- 'CTRL-m': Crea un nuevo modelo.
- 'CTRL-d': elimina el modelo actual del almacenamiento WEB local.
- 'CTRL-s': guarda el modelo actual en el almacenamiento local.
- 'CTRL-o': abre un modelo desde el almacenamiento local.
- 'CTRL-u': carga un archivo JSON externo en el almacenamiento local.
- 'CTRL-j': Descarga como archivo JSON el modelo actual. Escape cierra el diálogo.
Las cosas aún no son perfectas, pero se pueden utilizar en esta etapa. La aplicación no responde (aún).
Algunas características que me gustaría agregar:
- Una exportación de pdf con jsPdf
- Una exportación SVG.
- Quizás una función de diseño automático.
No debería ser demasiado difícil de implementar, estas características están en realidad a solo un par de líneas de código de distancia. La base del código es pequeña, por lo que si desea contribuir con esas funciones, puedo ayudarlo.
Aquí está el enlace a una versión alojada en github.