Update Readme.md

2026-03-09 21:15:23 +01:00
parent 5d561e4d31
commit 53b644336e
1 changed files with 78 additions and 1 deletions
--- a/Readme.md
+++ b/Readme.md
@@ -1 +1,78 @@
-here is a readme
+1. Projektziel
+Ein webbasiertes Bibliotheksverwaltungssystem zur Verwaltung eines kleinen Medienbestands.
+Die Anwendung wird vollständig mit HTML, CSS und JavaScript umgesetzt und läuft direkt im Webbrowser.
+Ziel ist es, Medien anzuzeigen, das Ausleihen und Zurückgeben zu verwalten sowie eine einfache Übersicht über aktuelle und vergangene Ausleihen bereitzustellen.
+ 
+2. Funktionen
+MUSS-Kriterien
+Authentifizierung:
+•	Login mit Benutzername und Passwort
+•	Registrierung für neue Benutzer
+•	Einfache Browser-Session (Benutzer bleibt bis zum Logout eingeloggt)
+ 
+Menü:
+•	Seitenmenü (Sidebar)
+•	Klick auf Menü-Kategorien → Wechsel zwischen den Seiten
+o	Medienliste
+o	Meine Ausleihen
+o	Medium hinzufügen (Admin)
+o	Logout
+ 
+Ausleihe:
+•	Medium ausleihen
+•	Medium zurückgeben
+•	Automatische Berechnung des Rückgabedatums (z. B. 14 Tage)
+•	Historie der ausgeliehenen und zurückgegebenen Medien
+ 
+Bücher durchsuchen:
+•	Anzeige aller Bücher in einer Liste
+•	Suche nach Genre
+•	Suche nach Verfügbarkeit (verfügbar / ausgeliehen)
+•	Anzeige, wie viele Exemplare noch verfügbar sind
+ 
+3. Datenspeicherung
+Da kein Backend verwendet wird, werden alle Daten im Browser mit LocalStorage gespeichert.
+Gespeichert werden:
+User
+•	Benutzername
+•	Passwort
+•	Rolle (User / Admin)
+Medien
+•	Titel
+•	Autor
+•	Genre
+•	Gesamtanzahl der Exemplare
+•	Verfügbare Exemplare
+•	Status
+Ausleihen
+•	Benutzername
+•	Medientitel
+•	Ausleihdatum
+•	Rückgabedatum
+ 
+
+4. Views
+### Login
+![Login](https://i.imgur.com/6t5GKnU.png)
+
+### Registrierung
+![Registrierung](https://i.imgur.com/raJK6Ph.png)
+
+### Dashboard
+![Dashboard](https://i.imgur.com/rUY3ksY.png)
+
+### Buchsammlung
+![Buchsammlung](https://i.imgur.com/LtdYR4h.png)
+
+### Meine Lieblingsbücher
+![Meine Lieblingsbücher](https://i.imgur.com/LtdYR4h.png)
+ 
+ 
+5. Technische Details
+•	HTML für die Struktur
+•	CSS für Layout und Design
+•	JavaScript für Logik und Datenverarbeitung
+•	LocalStorage zur Datenspeicherung
+•	Kein Backend
+•	Keine externen Frameworks
+