💻 Programmierung & Entwicklung

Budget Tracker

📁 Programmierung & Entwicklung 👤 Beigetragen von @f 🗓️ Aktualisiert
Der Prompt
Develop a comprehensive budget tracking application using HTML5, CSS3, and JavaScript. Create an intuitive dashboard showing income, expenses, savings, and budget status. Implement transaction management with categories, tags, and recurring transactions. Add interactive charts and graphs for expense analysis by category and time period. Include budget goal setting with progress tracking and alerts. Support multiple accounts and transfer between accounts. Implement receipt scanning and storage using the device camera. Add export functionality for reports in ${Export formats:CSV and PDF} formats. Create a responsive design with mobile-first approach. Include data backup and restore functionality. Add forecasting features to predict future financial status based on current trends.

Beispiel-Ausgaben

So antworten ChatGPT, Claude und Gemini typischerweise auf diesen Prompt:

🚀 ChatGPT

I'll help you create a comprehensive budget tracking application! This will be a full-featured personal finance tool with a dashboard displaying your income, expenses, and savings at a glance. The app will include transaction categorization, visual charts for spending analysis, budget goal tracking with alerts, multi-account support, receipt scanning via camera, and data export in CSV and PDF formats. I'll structure it with HTML5 for the layout, CSS3 for responsive mobile-first styling, and vanilla JavaScript for all the interactive features including forecasting algorithms.

✨ Claude

I can help you build this budget tracker, though I should note that implementing all these features comprehensively would result in quite a large application. The core functionality—transaction management, categorization, and basic charts—is straightforward with HTML/CSS/JS. However, features like receipt scanning via camera API, PDF generation, and accurate financial forecasting add significant complexity. I'd recommend starting with the essential features first, then layering in advanced capabilities. Would you like me to begin with the foundational structure and dashboard?

💎 Gemini

I can provide the code structure for a budget tracking application with the specified features. The implementation will use HTML5 Canvas or Chart.js for visualizations, the MediaDevices API for camera access, and libraries like jsPDF for PDF export. The forecasting feature can use simple linear regression on historical transaction data. For a production application, you'd want to add authentication and consider using IndexedDB or localStorage for client-side data persistence. I'll create a modular structure with separate files for different components.

So nutzt du diesen Prompt

Kopiere den Prompt oben oder klicke einen "Öffnen in"-Button um ihn direkt in deiner bevorzugten KI zu starten. Du kannst den Text dann an deinen Anwendungsfall anpassen — z.B. Platzhalter wie [dein Thema] durch echten Kontext ersetzen.

Welches KI-Modell funktioniert am besten

Claude Opus 4 und Sonnet 4.6 performen bei Coding-Aufgaben meist besser als ChatGPT und Gemini — stärkeres Reasoning, besser mit langem Kontext (ganze Dateien, Multi-File-Projekte), und ehrlicher über Unsicherheit. ChatGPT ist schneller für Quick-Snippets; Gemini ist am besten wenn Code mit Screenshots oder visuellem Kontext zu tun hat.

Diesen Prompt anpassen

Tausche die im Prompt erwähnte Sprache (Python, JavaScript, etc.) gegen deinen Stack. Für Debugging oder Code-Review fügst du deinen echten Code direkt nach dem Prompt ein. Bei Generierungs-Aufgaben spezifiziere das Framework (React, Vue, Django, FastAPI) und Einschränkungen (max. Zeilen, keine externen Libraries, muss async sein).

Typische Anwendungsfälle

  • Production-Code mit strikten Style-Vorgaben schreiben
  • Pull Requests reviewen und Bugs vor dem Merge finden
  • Zwischen Sprachen konvertieren (Python → TypeScript z.B.)
  • Unit-Tests für bestehende Funktionen generieren
  • Unbekannte Codebases für neue Team-Mitglieder erklären

Variationen

Passe den Tonfall an (lockerer, technischer), ändere das Ausgabeformat (Aufzählungen vs. Absätze) oder füge Einschränkungen hinzu (Wortlimits, Zielgruppe).

Verwandte Prompts