Interaktiver Kalender (Vanilla JS)
✨ Projektbeschreibung
Ein interaktiver, dynamischer Kalender, der Nutzern das Verwalten von Terminen ermöglicht. Der Kalender bietet eine Monatsübersicht, lokale Speicherung von Terminen und optionale Erweiterungen wie wiederkehrende Ereignisse, Farbmarkierungen und Benachrichtigungen.
🌐 Demo
Hier klicken, um die Anwendung zu sehen!
🎨 Features
Grundlegende Features
- Dynamische Monatsübersicht mit Tagberechnung basierend auf Monat und Jahr.
- Hinzufügen, Bearbeiten und Löschen von Terminen.
- Lokale Speicherung der Termine mittels
Indexed DB
. - Markierung des aktuellen Tages.
Erweiterte Features (optional)
- Wiederkehrende Ereignisse (täglich, wöchentlich, monatlich).
- Farbmarkierungen für unterschiedliche Kategorien (z. B. Arbeit, Freizeit, Geburtstage).
- Benachrichtigungen für bevorstehende Termine.
🔧 Technologien
- HTML: Struktur der Anwendung.
- CSS: Gestaltung und Layout.
- Vanilla JavaScript: Funktionalität und Logik.
- Indexed DB: Persistente Datenspeicherung.
⚖️ Installation und Ausführung
-
Projekt klonen:
git clone https://somegit.dev/vikingowl/Calendar.git
-
Zum Projektordner wechseln:
cd Calendar
-
Index-Datei öffnen:
- Öffne
index.html
in deinem Browser, um die Anwendung zu starten.
- Öffne
🌱 Entwicklungsanleitung
1. Monatsübersicht erstellen
- Dynamische Taggenerierung basierend auf Monat, Jahr und Tagesanzahl.
- Markiere den aktuellen Tag.
2. Terminmanagement
- Füge Funktionen hinzu, um Termine zu erstellen, zu bearbeiten und zu löschen.
- Speichere und lade Daten mit
Indexed DB
.
3. Erweiterungen (optional)
- Implementiere wiederkehrende Ereignisse und Benachrichtigungen.
- Nutze Farben, um Termine nach Kategorie zu kennzeichnen.
🔧 Verbesserungsmöglichkeiten
- Optimierung des Designs für Mobilgeräte (Responsive Layout).
- Integration von Benutzereinstellungen (z. B. Datumsformat oder Zeitzone).
- Weitere Sprachunterstützung (Internationalisierung).
✌️ Mitwirken
Beiträge sind willkommen!
- Forke das Repository.
- Erstelle einen neuen Branch:
git checkout -b feature/neues-feature
- Mache deine Änderungen und committe:
git commit -m "Füge neues Feature hinzu"
- Push den Branch:
git push origin feature/neues-feature
- Erstelle einen Pull Request.
🔗 Links
© Lizenz
Dieses Projekt steht unter der MIT-Lizenz.
Description
Languages
JavaScript
53.1%
CSS
32.7%
HTML
14.2%