diff --git a/Readme.md b/Readme.md index 6b92e1f..2d25222 100644 --- a/Readme.md +++ b/Readme.md @@ -1,57 +1,68 @@ -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 - +# 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 -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