Aufbau der Applikation

Grundlagen

Bei dem Trainer handelt es sich um eine Single-Page-Application, welche mit React und Vite erzeugt wurde.

Als Programmiersprache wurde TypeScript verwendet.

Für das Styling der Applikation wurde TailwindCSS und für Code-Quality ESLint benutzt.

Ordnerstruktur

Die Ordnerstruktur wurde grob NextJS nachempfunden.

Es gibt einen Components-Ordner, in welchem alle Komponenten abgelegt wurden.

Diese Komponenten unterteilen sich in die konkreten Seiten des Trainers (Pages-Ordner) visuelle Elemente (UI-Ordner), sowie den Router der die einzelnen Routen des Trainers verwaltet.

Wichtig ist außerdem die PuzzleData.ts-Datei, da diese alle Aufgaben des Trainers enthält. Wenn sie eigene Aufgaben hinzufügen möchten, finden Sie hierzu genauere Informationen unter Struktur der Aufgaben.