Zen Note

Zen-Note

ReadMe für Zen Note Journal Web Application

Zen Note

Zen Note ist eine interaktive Webanwendung für Journal, mit der Benutzer ihre täglichen Erkenntnisse auf einer visuell ansprechenden und benutzerfreundlichen Plattform aufzeichnen können. Es verfügt über ein professionelles Design mit hellen und dunklen Modi, Glassmorphismus-Effekten und emoji-gesteuerten Aktionen. Benutzer können Erkenntnisse hinzufügen, anzeigen und löschen und sogar schöne Schnappschüsse ihrer Einträge generieren, um sie herunterzuladen oder zu kopieren.

---

Merkmale

1. Tägliche Erkenntniseintrag :

   • Benutzer können ihre täglichen Erkenntnisse eingeben.
   • Die Erkenntnisse werden in Bezug auf das Datum angezeigt, wobei die neuesten Einträge oben angezeigt werden.
   • Es wird nur ein Datum der Überschrift pro Tag angezeigt, unter dem alle Erkenntnisse dieses Tages aufgeführt sind.

2. Funktionen löschen :

   • Anstelle einer "Löschen" -Taste wird für jeden Eintrag ein Bin Emoji angezeigt. Wenn Sie darauf klicken, werden vor dem Löschen des Eintrags eine Bestätigung aufgefordert.

3. Snapshot -Kreation :

   • Neben jedem Eintrag ein Snapshot -Emoji? Ermöglicht Benutzern, einen visuellen Schnappschuss ihres Lernens zu generieren.
   • Zu den Schnappschüssen gehören das Datum, der Eintrag und den Namen der App mit einem strahlenden Effekt, um die App zu bewerben.
   • Benutzer können den generierten Snapshot entweder herunterladen oder kopieren.

4. Dunkler Modus :

   • Die Anwendung enthält einen dunklen Modusschalter (?/☀️). Sowohl die Hauptschnittstelle als auch die Schnappschüsse passen sich an helle und dunkle Modi an.

5. Responsive Design :

   • Das Layout passt nahtlos an verschiedene Bildschirmgrößen und stellt ein reibungsloses Erlebnis auf Desktop-, Tablet- und Mobilgeräte sicher.

6. Lagerung :

   • Die Einträge werden mit localStorage gespeichert, damit Benutzer ihre vorherigen Erkenntnisse auch nach dem Aktualisieren oder Schließen der Seite abrufen können.

---

Beitragen

Wie man beiträgt

Wir begrüßen Beiträge der Community. So können Sie sich engagieren:

1. Stern das Repository

2. Erstellen Sie das Problem und erstellen Sie das Problem, an dem Sie arbeiten möchten, und erhalten Sie zugewiesen oder erhalten Sie dies einem bereits erstellten Problem von uns.

3. Fork das Repository : Geben Sie das Repository in Ihr eigenes GitHub -Konto, indem Sie auf die Schaltfläche "Fork" klicken.

4. Erstellen Sie einen Zweig : Sobald Sie das Repo gegabelt haben, erstellen Sie einen neuen Zweig:

    git checkout -b new-feature
   

5. Nehmen Sie Ihre Änderungen vor : Stellen Sie sicher, dass Ihr Code an unserem Styling -Leitfaden haftet (folgen Sie den vorhandenen Konventionen in HTML, CSS und JavaScript).

6. Drücken Sie Ihre Änderungen : Drücken Sie die Änderungen in Ihren Zweig:

   Git Push Origin Neugefertigte

7. Erstellen Sie eine Pull -Anfrage : Gehen Sie zu Ihrer Gabel auf GitHub und erstellen Sie eine Pull -Anfrage. Bitte geben Sie Details zu den Änderungen an, die Sie vorgenommen haben.

Installation

Voraussetzungen

Um diese Anwendung auszuführen, benötigen Sie Folgendes:

• Ein moderner Webbrowser (Google Chrome, Mozilla Firefox, Microsoft Edge usw.)
• Internetverbindung (wenn Hosting online)

Schritte

1. Stern das Repository : Stern dieses Repository, um auf dieses Profil aus zuzugreifen und zu teilen.

2. Klonen Sie das Repository :

    git clone https://github.com/your-username/zen-note.git
   cd zen-note
   

3. Öffnen Sie die Anwendung : Öffnen Sie die Datei index.html in Ihrem Browser:

    open index.html
   

4. Genießen Sie die Funktionen : Geben Sie Ihre täglichen Erkenntnisse ein, wechseln Sie zwischen hellen und dunklen Modi und erzeugen Sie schöne Schnappschüsse Ihrer Notizen!

Dinge zu verbessern

• Verbessern Sie UX : Fügen Sie weitere Anpassungsoptionen für Einträge hinzu.
• Analytik hinzufügen : Verfolgen Sie das Engagement der Benutzer und die am häufigsten verwendeten Funktionen.
• Leistungsoptimierung : Optimieren Sie die Snapshot -Generation für Mobilgeräte.

Lizenz

Dieses Projekt ist unter der MIT -Lizenz lizenziert. Weitere Informationen finden Sie in der Lizenzdatei.

Kontakt

Für Fragen, Vorschläge oder Feedback können Sie sich gerne wenden:

• Github : https://github.com/theopeninnovator