https://github.com/marcdziersan/budget_tracker

Kleiner Budget Tracker
https://github.com/marcdziersan/budget_tracker

Last synced: 17 days ago
JSON representation

Kleiner Budget Tracker

• Host: GitHub
• URL: https://github.com/marcdziersan/budget_tracker
• Owner: marcdziersan
• Created: 2024-11-27T03:18:41.000Z (26 days ago)
• Default Branch: main
• Last Pushed: 2024-11-27T03:19:34.000Z (26 days ago)
• Last Synced: 2024-11-27T04:21:49.929Z (26 days ago)
• Language: HTML
• Homepage:
• Size: 4.88 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Budget Tracker

Ein einfacher und leistungsstarker **Budget Tracker**, der alle Grundlagen der Programmierung enthält, einschließlich OOP, DOM-Manipulation, Ereignisverarbeitung und Datenpersistenz.

## Features

- **Einnahmen und Ausgaben verwalten**: Füge Transaktionen mit Beschreibung und Betrag hinzu.

- **Gesamtbudget anzeigen**: Sieh dir an, wie viel dir insgesamt noch bleibt.

- **Speicherung**: Deine Daten werden im Browser gespeichert und sind nach einem Neustart noch verfügbar.

- **Löschfunktion**: Entferne falsche oder alte Transaktionen.

## Enthaltene Programmierkonzepte

1. **Objektorientierte Programmierung**: Die Klassen `Transaction` und `BudgetTracker` kapseln Daten und Funktionen.

2. **DOM-Manipulation**: Die Benutzeroberfläche wird dynamisch aktualisiert.

3. **Ereignisverarbeitung**: Buttons reagieren auf Benutzereingaben.

4. **Datenpersistenz**: Die Transaktionen werden mit `localStorage` gespeichert.

## Nutzung

1. Öffne die Datei `budget-tracker.html` in deinem Browser.

2. Gib eine Beschreibung und einen Betrag ein (positiv für Einnahmen, negativ für Ausgaben).

3. Klicke auf "Transaktion hinzufügen", um die Transaktion hinzuzufügen.

4. Entferne Transaktionen durch Klicken auf das `X`.

---

Viel Spaß beim Verwalten deines Budgets! 💰