## Verzeichnisstruktur Im Wurzelverzeichnis liegen die für den Build Prozess notwendigen Konfigurationsdateien. Das Verzeichnis `doc/` enthält detailliertere Dokumentationen zu einzelnen Aspekten des Projekts. Alle für die WebApp benötigten Dateien werden in `public/` erstellt bzw. dorthin kopiert. Im `src/` Verzeichnis befinden sich alle Quelldateien, Bilder und Fonts. Der `tasks/` Ordner enthält Javascript-Dateien, die die Teilschritte des Build-Prozesses definieren. Die grobe Struktur sieht folgendermaßen aus: ``` ├── .editorconfig // Konfiguration für Texteditoren ├── .babelrc // Konfiguration von babel ├── .eslintrc.yml // Konfiguration des Javascript Linters ├── .htmlhintrc // Konfiguration des HTML Linters ├── .sass-lint.yml // Konfiguration des Sass Linters ├── config.js // Konfiguration des Build-Systems ├── gulpfile.babel.js // gulp Datei, verwendet Definitionen unter `tasks/` ├── package.json // npm Abhängigkeiten, Shortcuts für gulp tasks ├── doc/ // Dokumentation in markdown ├── public/ // Zielverzeichnis für den Build-Prozess ├── src/ // Quellverzeichnis │   ├── fonts // Font Dateien │   ├── html // HTML 'Templates' │   ├── img // Bilder und Sprites │   ├── js // Javascript Quelldateien │   └── scss // Sass stylesheets └── tasks/ // Definitionen für den gulp Build-Prozess ```