README.md

# Inhalt des Repositories
In dem Repositories liegen die Dateien des aktuellen Bausteins WJSF. Neben den reinen html/css/js-Seiten sind aktuell drei React-Apps enthalten.

Die React-Apps liegen in den Verzeichnissen 'Erster React Test', 'react-todolist' und 'react-unterricht-todolist'.

react-todolist enthält eine für React angepasste Todo-App von Montag. react-unterricht-todolist ist eine vereinfachte Variante der heute (Dienstag) vorgestellten App (keine API-Aufrufe, keine Statistiken).

React Apps lassen sich nach klonen des Repositories nicht einfach so öffnen. Es müssen erst Pakete etc. nachgeladen werden. Dafür kann die untenstehende Anleitung verwendet werden.
# React Apps zum Laufen bringen
1. Mit Eingabeaufforderung oder PowerShell Ordner mit React-App öffnen
2. `npm install` -> npm installiert Abhängigkeiten für React
3. `npm run dev` -> npm startet React-Development-Server; Ausgabe sollte ungefähr sein:
```
  VITE v8.1.4  ready in 345 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help
```
4. Eingabeaufforderung / PowerShell geöffnet lassen, da sonst auch der Server beendet wird
5. Falls sich Browserfenster nicht automatisch öffnet, ist die React App über den Link (siehe oben) erreichbar
6. Dateien innerhalb von 'react-todolist/src' verändern, um die React App weiterzuentwickeln
Readme angepasst, Leserlichkeit im Code leicht verbessert 2026-07-14 15:35:18 +02:00			`# Inhalt des Repositories`
			`In dem Repositories liegen die Dateien des aktuellen Bausteins WJSF. Neben den reinen html/css/js-Seiten sind aktuell drei React-Apps enthalten.`

			`Die React-Apps liegen in den Verzeichnissen 'Erster React Test', 'react-todolist' und 'react-unterricht-todolist'.`

			`react-todolist enthält eine für React angepasste Todo-App von Montag. react-unterricht-todolist ist eine vereinfachte Variante der heute (Dienstag) vorgestellten App (keine API-Aufrufe, keine Statistiken).`

			`React Apps lassen sich nach klonen des Repositories nicht einfach so öffnen. Es müssen erst Pakete etc. nachgeladen werden. Dafür kann die untenstehende Anleitung verwendet werden.`
			`# React Apps zum Laufen bringen`
			`1. Mit Eingabeaufforderung oder PowerShell Ordner mit React-App öffnen`
Counter + Reset Komponente; Leere React-App für TodoListe erstellt; 2026-07-14 10:09:51 +02:00			2. `npm install` -> npm installiert Abhängigkeiten für React
			3. `npm run dev` -> npm startet React-Development-Server; Ausgabe sollte ungefähr sein:
			```
			`VITE v8.1.4 ready in 345 ms`

			`➜ Local: http://localhost:5173/`
			`➜ Network: use --host to expose`
			`➜ press h + enter to show help`
			```
			`4. Eingabeaufforderung / PowerShell geöffnet lassen, da sonst auch der Server beendet wird`
			`5. Falls sich Browserfenster nicht automatisch öffnet, ist die React App über den Link (siehe oben) erreichbar`
React-App für Todoliste aus Beispiel aus der Ellmann-Vorlesung und der ursprünglichen Todo-App zusammengebastelt 2026-07-14 14:26:09 +02:00			`6. Dateien innerhalb von 'react-todolist/src' verändern, um die React App weiterzuentwickeln`