# Bibliotheksverwaltungssystem

Ein webbasiertes Bibliotheksverwaltungssystem zur Verwaltung eines kleinen Medienbestands.  
Die Anwendung läuft vollständig im Webbrowser mit HTML, CSS und JavaScript.

---

## 1. Projektziel
- Anzeige von Medien
- Verwaltung von Ausleihen und Rückgaben
- Übersicht über aktuelle und vergangene Ausleihen
- Einfach zu bedienen, ohne Backend

---

## 2. Funktionen

### Authentifizierung
- Login mit Benutzername und Passwort
- Registrierung für neue Benutzer
- Session bleibt bis zum Logout aktiv

### Menü
- Seitenmenü (Sidebar)
- Navigation zu:
  - Medienliste
  - Meine Ausleihen
  - Medium hinzufügen (Admin)
  - Logout

### Ausleihe
- Medium ausleihen und zurückgeben
- Automatische Berechnung des Rückgabedatums (z. B. 14 Tage)
- Historie der Ausleihen und Rückgaben

### Bücher durchsuchen
- Anzeige aller Bücher in einer Liste
- Suche nach Genre
- Suche nach Verfügbarkeit (verfügbar / ausgeliehen)
- Anzeige der verfügbaren Exemplare

---

## 3. Datenspeicherung
- Alle Daten werden im Browser **LocalStorage** gespeichert

**User**
- Benutzername
- Passwort
- Rolle (User / Admin)

**Medien**
- Titel, Autor, Genre
- Gesamtanzahl & verfügbare Exemplare
- Status

**Ausleihen**
- Benutzername
- Medientitel
- Ausleih- und Rückgabedatum

---

## 4. Screenshots / 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 Struktur  
- **CSS** für Layout & Design  
- **JavaScript** für Logik & Datenverarbeitung  
- **LocalStorage** für Datenspeicherung  
- Kein Backend, keine externen Frameworks