Update Readme.md

This commit is contained in:
2026-03-09 21:16:45 +01:00
parent 53b644336e
commit 4efd2a9ffd

118
Readme.md
View File

@@ -1,57 +1,68 @@
1. Projektziel # Bibliotheksverwaltungssystem
Ein webbasiertes Bibliotheksverwaltungssystem zur Verwaltung eines kleinen Medienbestands. 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. Die Anwendung läuft vollständig im Webbrowser mit HTML, CSS und JavaScript.
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ü: ## 1. Projektziel
• Seitenmenü (Sidebar) - Anzeige von Medien
• Klick auf Menü-Kategorien → Wechsel zwischen den Seiten - Verwaltung von Ausleihen und Rückgaben
o Medienliste - Übersicht über aktuelle und vergangene Ausleihen
o Meine Ausleihen - Einfach zu bedienen, ohne Backend
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: ## 2. Funktionen
• 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 ### Authentifizierung
Da kein Backend verwendet wird, werden alle Daten im Browser mit LocalStorage gespeichert. - Login mit Benutzername und Passwort
Gespeichert werden: - Registrierung für neue Benutzer
User - Session bleibt bis zum Logout aktiv
• Benutzername
• Passwort
• Rolle (User / Admin)
Medien
• Titel
• Autor
• Genre
• Gesamtanzahl der Exemplare
• Verfügbare Exemplare
• Status
Ausleihen
• Benutzername
• Medientitel
• Ausleihdatum
• Rückgabedatum
### 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
4. Views
### Login ### Login
![Login](https://i.imgur.com/6t5GKnU.png) ![Login](https://i.imgur.com/6t5GKnU.png)
@@ -67,12 +78,11 @@ Ausleihen
### Meine Lieblingsbücher ### Meine Lieblingsbücher
![Meine Lieblingsbücher](https://i.imgur.com/LtdYR4h.png) ![Meine Lieblingsbücher](https://i.imgur.com/LtdYR4h.png)
---
5. Technische Details ## 5. Technische Details
HTML für die Struktur - **HTML** für Struktur
CSS für Layout und Design - **CSS** für Layout & Design
JavaScript für Logik und Datenverarbeitung - **JavaScript** für Logik & Datenverarbeitung
LocalStorage zur Datenspeicherung - **LocalStorage** für Datenspeicherung
Kein Backend - Kein Backend, keine externen Frameworks
• Keine externen Frameworks