Aufbau der Applikation

Grundlagen

Bei dem Trainer handelt es sich um eine Single-Page-Application, welche mit React 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 der \public\data-Ordner, da dort Kategorien und Aufgaben hinterlegt sind. Genauere Informationen zu den Aufgaben finden sich unter Struktur der Aufgaben.