simple-crc-app
Dies ist ein einfacher Editor zum Erstellen von Karten für Klassenverantwortungsmitarbeiter. Ich habe es entwickelt, um Angular 4.0 zu lernen, weil das für mich der beste Weg ist, neue Dinge zu lernen. Ich wollte kein vollständiges CSS-Framework wie Bootstrap verwenden, das viele vorgefertigte Komponenten enthält, also habe ich einige Stile aus Bulma.io extrahiert und angepasst.
Einige der Funktionen des Editors:
- Die Modelle werden lokal über den HTML5-Webspeicher gespeichert, es ist kein Server erforderlich.
- Definieren Sie verschiedene Kartentypen: Entität, Grenze, Controller.
- JSON-Dateien exportieren/importieren.
- Tastaturkürzel für Hauptoperationen.
- Die Anwendung erstellt automatisch CRC-Karten für Mitarbeiter.
- Dnd von Karten.
Eine kleine Bedienungsanleitung:
- Um eine bestehende Karte zu bearbeiten, klicken Sie einmal in die Kopfzeile der Karte.
- Um eine Karte zu ziehen, klicken Sie auf den Textbereich der Karte und halten Sie die Maustaste gedrückt. Tastaturkürzel:
- 'STRG-m': Neues Modell erstellen.
- 'STRG-d': Aktuelles Modell aus dem lokalen WEB-Speicher löschen.
- 'STRG-s': Aktuelles Modell im lokalen Speicher speichern.
- „STRG-o“: Öffnen Sie ein Modell aus dem lokalen Speicher.
- „STRG-u“: Laden Sie eine externe JSON-Datei in den lokalen Speicher hoch.
- 'STRG-j': Lädt das aktuelle Modell als JSON-Datei herunter. Escape schließt den Dialog.
Die Dinge sind noch nicht perfekt, aber in diesem Stadium brauchbar. Die Anwendung reagiert (noch) nicht.
Einige Funktionen, die ich hinzufügen möchte:
- Ein PDF-Export mit jsPdf
- Ein SVG-Export.
- Vielleicht eine automatische Layoutfunktion.
Die Implementierung sollte nicht allzu schwierig sein, da diese Funktionen eigentlich nur ein paar Codezeilen entfernt sind. Die Codebasis ist klein. Wenn Sie also diese Funktionen beisteuern möchten, kann ich Ihnen helfen.
Hier ist der Link zu einer gehosteten Version auf Github
