2025-01-23 18:38:58 +01:00
2025-01-28 06:19:12 +01:00
2025-01-23 18:49:37 +01:00
2025-01-23 18:49:37 +01:00
2025-01-28 06:21:49 +01:00
2025-01-28 06:19:12 +01:00

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

  1. Projekt klonen:

    git clone https://somegit.dev/vikingowl/Calendar.git
    
  2. Zum Projektordner wechseln:

    cd Calendar
    
  3. Index-Datei öffnen:

    • Öffne index.html in deinem Browser, um die Anwendung zu starten.

🌱 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!

  1. Forke das Repository.
  2. Erstelle einen neuen Branch:
    git checkout -b feature/neues-feature
    
  3. Mache deine Änderungen und committe:
    git commit -m "Füge neues Feature hinzu"
    
  4. Push den Branch:
    git push origin feature/neues-feature
    
  5. Erstelle einen Pull Request.


© Lizenz

Dieses Projekt steht unter der MIT-Lizenz.

Description
No description provided
Readme 39 KiB
Languages
JavaScript 53.1%
CSS 32.7%
HTML 14.2%