Mit diesem React Framework lässt sich einfach eine Rätselabenteuer Website gestalten. Clone das Projekt und führe
aus um alle benötigten Pakete zu installieren. Danach kannsst du mit
die App auf dem lokalen DevServer starten. Zum compilen und releasen der App, starte
Die fertige App landet gebundlet im build folder.
npx
- public
- src
Im public folder befinden sich Dateien, die ausserhalb unserer React App existieren wie zB Bilder, die index.html, etc. Diese werden beim build einfach in den build folder kopiert.
Im src folder spielt sich der JS Teil unserer App und somit alles. Dort findest du Ordner im Atomic Design Konzept strukturiert.
https://bradfrost.com/blog/post/atomic-web-design/
App.js ist unsere Basis, von der alles ausgeht. Dort findest du den Router und kannst Unterseiten steuern.
Pages beinhaltet die designs der einzelnen Seiten.
theme.js enthält das Theme, sprich Farbschemen und widerverwertbare Elemente. Benutze so oft es geht das Theme! So kann man die App schnell anpassen.
In der config.js steht die aktuelle Konfiguration des Projekts.
const config gibt an, welche config genutzt wird.
Das KonfigurationsObject beschreibt die Rätsel und Woche.
Der unlockedparameter gibt an, welche Woche schon freigeschaltet sind. Wenn man zB nächste Woche das nächste Rätsel freigibt, wird dieser um 1 erhöht.