Skip to content

Repository files navigation

FolderCraft

Ordner beschriften, ohne Lineal und Textverarbeitung: Du trägst einmal ein, welche Ordner du hast — FolderCraft druckt daraus maßgenaue Rückenschilder und passende Inhaltsverzeichnisse.

Die Ordnerliste mit Farben, Kennungen und Registern

Drei Dinge nimmt dir das Programm ab:

  • Die richtige Breite. Das Rückenschild ist so breit wie dein Ordner — 5 cm oder 8 cm, oder ein Maß, das du selbst einträgst.
  • Das passende Verzeichnis. Ein 12-teiliges Register bekommt zwölf Zeilen, ein 10-teiliges zehn. Nicht mehr und nicht weniger.
  • Die Ordnung im Regal. Kennung und Farbe stehen groß auf dem Rücken; die Liste sortiert sich selbst — „A2" steht vor „A10".

Deine Daten bleiben dabei in deinem Browser. Nichts wird hochgeladen, es gibt kein Konto und keine Anmeldung.

Direkt ausprobieren: https://jb-io.github.io/webapp.foldercraft/ — nichts zu installieren, nichts anzumelden.


Selbst betreiben

Du kannst FolderCraft auch auf dem eigenen Rechner laufen lassen. Du brauchst Node.js (Version 22 oder neuer). Einmalig:

npm install

Dann jedes Mal:

npm run dev

Im Browser http://localhost:3000 öffnen. Zum Beenden im Terminal Strg + C.

Der erste Start

Beim ersten Aufruf fragt FolderCraft, womit es losgehen soll:

Der Startdialog mit drei Möglichkeiten

  • Aus JSON-Datei laden — du hast schon einmal mit FolderCraft gearbeitet und deine Daten gesichert.
  • Leer starten — du legst deine Ordner selbst an; Farben, Ordner- und Registertypen sind vorgegeben.
  • Beispieldaten laden — sechs fertige Ordner zum Ausprobieren. Empfehlung für den Anfang: hier siehst du sofort, wie alles zusammenspielt, und kannst später jederzeit alles zurücksetzen.

Alle Abbildungen in dieser Anleitung zeigen diese Beispieldaten.


Ordner

Die Startseite. Jede Karte ist ein Ordner: links die Kennung auf der Ordnerfarbe, daneben Titel, Ordnermodell und wie viele Rubriken schon beschriftet sind.

Neuer Ordner öffnet die Maske — dieselbe, die auch Bearbeiten zeigt:

Die Maske für einen Ordner mit Kennung, Farbe, Typen und Rubriken

Angabe Bedeutung
Kennung bis zu drei Zeichen (Buchstaben und Zahlen), groß auf dem Rücken
Titel steht längs auf dem Rücken und auf dem Inhaltsverzeichnis
Farbe die Fläche hinter der Kennung — aus deiner Farbliste
Ordnertyp bestimmt die Breite des gedruckten Schilds
Register bestimmt, wie viele Rubriken der Ordner hat
Rubriken die Beschriftung je Register, von oben nach unten

Wechselst du das Register, bleiben die vorhandenen Beschriftungen stehen; es kommen nur Zeilen dazu oder fallen weg. Gespeichert wird erst mit Speichern.

Rechts in jeder Karte:

  • ⧉ duplizieren — legt eine Kopie an („Steuern (Kopie)", nächste freie Kennung). Praktisch für Jahrgänge desselben Ordners.
  • 🗑 löschen — nach Rückfrage.

Drucken

Oben wählst du aus, was gedruckt wird: Häkchen an den Karten, oder Alle / Keine / Umkehren. Danach eine der beiden Schaltflächen.

Rückenschilder

Ein Bogen mit Rückenschildern in drei Breiten

Auf einen A4-Bogen kommt, was nebeneinander passt — bei schmalen Ordnern sind das mehr als bei breiten. Die kurzen Striche über und unter jedem Schild sind Schnittmarken: dort ansetzen, dann passt das Schild in die Klarsichttasche.

Inhaltsverzeichnisse

Ein Inhaltsverzeichnis mit zwölf Rubriken

Je Ordner eine A4-Seite: links der Titel längs, oben links die Kennung in der Ordnerfarbe, rechts eine Zeile je Register. Die Seite gehört nach vorn in den Ordner.

Tipp: Im Druckdialog des Browsers Ränder: keine und Hintergrundgrafiken drucken einstellen — sonst stimmen die Maße nicht und die Farbflächen fehlen.


Einstellungen

Farben, Ordnertypen, Registertypen und Maße

Hier steht, womit du arbeitest — und alles davon lässt sich ändern:

  • Farben — deine Liste zur Auswahl in der Ordnermaske.
  • Ordnertypen — Bezeichnung und gedruckte Breite des Rückenschilds (z. B. 27mm). Miss im Zweifel an deinem Ordner nach.
  • Registertypen — Bezeichnung und Anzahl der Register.
  • Maße Rückenschild und Maße Inhaltsverzeichnis — Höhen, Breiten und Schriftgrößen des Drucks. Immer mit Einheit (mm, cm, pt); was keine gültige Länge ist, wird verworfen.

Passt dein erster Ausdruck nicht genau, ist hier die Stellschraube: einmal richtig eingestellt, stimmt jeder weitere Druck.


Daten

Export, Import und Zurücksetzen

  • JSON exportieren — lädt alles als Datei herunter: Ordner und Einstellungen. Deine Sicherung.
  • JSON importieren — liest so eine Datei wieder ein und ersetzt den aktuellen Stand.
  • Beispieldaten laden — ersetzt alles durch die sechs Beispielordner.
  • Ordner leeren — löscht die Ordner, behält deine Einstellungen.
  • Alles zurücksetzen — löscht alles; danach fragt der Startdialog erneut.

Wichtig: Deine Daten liegen im Speicher deines Browsers. Löschst du die Browserdaten oder wechselst du das Gerät, sind sie weg. Exportiere deshalb hin und wieder eine Datei — das ist zugleich der Weg auf ein anderes Gerät.


Am Telefon

FolderCraft ist für kleine Bildschirme gemacht: unten eine Navigationsleiste in der Daumenzone, die Karten stehen untereinander.

Ordnerliste auf dem Telefon Datenseite auf dem Telefon

Folgt dein System einem dunklen Erscheinungsbild, stellt sich FolderCraft automatisch darauf ein:

Die Ordnerliste im dunklen Erscheinungsbild


Kurzrezepte

Einen Ordner für das nächste Jahr anlegen Ordner → ⧉ am Vorjahresordner → Bearbeiten → Titel und Kennung anpassen. Die Rubriken stehen schon.

Die Schilder passen nicht in die Tasche Einstellungen → Maße Rückenschild → Höhe des Schilds anpassen, und unter Ordnertypen die Breite. Dann erneut drucken.

Ein Ordnermodell ergänzen, das es hier nicht gibt Einstellungen → Ordnertyp hinzufügen, Breite des Rückens in Millimetern eintragen — danach steht er in jeder Ordnermaske zur Wahl.

Nur zwei Ordner nachdrucken Ordner → Keine → die beiden Häkchen setzen → Rückenschilder drucken.

Daten auf einen anderen Rechner bringen Daten → JSON exportieren, Datei mitnehmen, dort → JSON importieren.


Lizenz

FolderCraft steht unter der GNU General Public License v3.0. Du darfst es benutzen, weitergeben und verändern — wenn du eine veränderte Fassung weitergibst, muss sie unter derselben Lizenz stehen und den Quellcode mitliefern.

Technische Unterlagen für die Weiterentwicklung stehen in Architecture.md.

Releases

Packages

Contributors

Languages