Update Readme.md

Readme.md

@@ -1,57 +1,68 @@
-1. Projektziel
+# Bibliotheksverwaltungssystem
-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.
+Ein webbasiertes Bibliotheksverwaltungssystem zur Verwaltung eines kleinen Medienbestands.  
-Ziel ist es, Medien anzuzeigen, das Ausleihen und Zurückgeben zu verwalten sowie eine einfache Übersicht über aktuelle und vergangene Ausleihen bereitzustellen.
+Die Anwendung läuft vollständig im Webbrowser mit HTML, CSS und JavaScript.
- 
+
-2. Funktionen
+---
-MUSS-Kriterien
+
-Authentifizierung:
+## 1. Projektziel
-•	Login mit Benutzername und Passwort
+- Anzeige von Medien
-•	Registrierung für neue Benutzer
+- Verwaltung von Ausleihen und Rückgaben
-•	Einfache Browser-Session (Benutzer bleibt bis zum Logout eingeloggt)
+- Übersicht über aktuelle und vergangene Ausleihen
- 
+- Einfach zu bedienen, ohne Backend
-Menü:
+
-•	Seitenmenü (Sidebar)
+---
-•	Klick auf Menü-Kategorien → Wechsel zwischen den Seiten
+
-o	Medienliste
+## 2. Funktionen
-o	Meine Ausleihen
+
-o	Medium hinzufügen (Admin)
+### Authentifizierung
-o	Logout
+- Login mit Benutzername und Passwort
- 
+- Registrierung für neue Benutzer
-Ausleihe:
+- Session bleibt bis zum Logout aktiv
-•	Medium ausleihen
+
-•	Medium zurückgeben
+### Menü
-•	Automatische Berechnung des Rückgabedatums (z. B. 14 Tage)
+- Seitenmenü (Sidebar)
-•	Historie der ausgeliehenen und zurückgegebenen Medien
+- Navigation zu:
- 
+  - Medienliste
-Bücher durchsuchen:
+  - Meine Ausleihen
-•	Anzeige aller Bücher in einer Liste
+  - Medium hinzufügen (Admin)
-•	Suche nach Genre
+  - Logout
-•	Suche nach Verfügbarkeit (verfügbar / ausgeliehen)
+
-•	Anzeige, wie viele Exemplare noch verfügbar sind
+### Ausleihe
- 
+- Medium ausleihen und zurückgeben
-3. Datenspeicherung
+- Automatische Berechnung des Rückgabedatums (z. B. 14 Tage)
-Da kein Backend verwendet wird, werden alle Daten im Browser mit LocalStorage gespeichert.
+- Historie der Ausleihen und Rückgaben
-Gespeichert werden:
+
-User
+### Bücher durchsuchen
-•	Benutzername
+- Anzeige aller Bücher in einer Liste
-•	Passwort
+- Suche nach Genre
-•	Rolle (User / Admin)
+- Suche nach Verfügbarkeit (verfügbar / ausgeliehen)
-Medien
+- Anzeige der verfügbaren Exemplare
-•	Titel
+
-•	Autor
+---
-•	Genre
+
-•	Gesamtanzahl der Exemplare
+## 3. Datenspeicherung
-•	Verfügbare Exemplare
+- Alle Daten werden im Browser **LocalStorage** gespeichert
-•	Status
+
-Ausleihen
+**User**
-•	Benutzername
+- Benutzername
-•	Medientitel
+- Passwort
-•	Ausleihdatum
+- Rolle (User / Admin)
-•	Rückgabedatum
+
- 
+**Medien**
+- Titel, Autor, Genre
+- Gesamtanzahl & verfügbare Exemplare
+- Status
+
+**Ausleihen**
+- Benutzername
+- Medientitel
+- Ausleih- und Rückgabedatum
+
+---
+
+## 4. Screenshots / Views
 
-4. Views
 ### Login
 ![Login](https://i.imgur.com/6t5GKnU.png)
 
@@ -66,13 +77,12 @@ Ausleihen
 
 ### 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
 
+---
+
+## 5. Technische Details
+- **HTML** für Struktur  
+- **CSS** für Layout & Design  
+- **JavaScript** für Logik & Datenverarbeitung  
+- **LocalStorage** für Datenspeicherung  
+- Kein Backend, keine externen Frameworks