diff --git a/Readme.md b/Readme.md index db6d641..6b92e1f 100644 --- a/Readme.md +++ b/Readme.md @@ -1 +1,78 @@ -here is a readme \ No newline at end of file +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 +