donflow/index.html at main · maxmini0214/donflow · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#0a0a0f" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <link rel="canonical" href="https://maxmini0214.github.io/donflow/" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1" />
    <link rel="manifest" href="/donflow/manifest.json" />
    <link rel="preconnect" href="https://cdn.jsdelivr.net" />
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" />
    <title>DonFlow — Plan vs Reality Budget Tracker</title>
    <meta name="description" content="100% private, browser-only budget planner. No AI, no server, no signup, no tracking. Your financial data never leaves your device. Plan vs actual spending, drift detection, what-if simulations. Open source." />
    <meta property="og:title" content="DonFlow — Private, Local-First Budget Tracker" />
    <meta property="og:description" content="No AI, no cloud, no tracking. Your financial data never leaves your browser. Plan vs actual spending, drift warnings, what-if simulations. 100% open source." />
    <meta property="og:url" content="https://maxmini0214.github.io/donflow/" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="https://maxmini0214.github.io/donflow/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="DonFlow — Plan vs Reality Budget Tracker" />
    <meta name="twitter:description" content="No AI, no cloud, no tracking. Plan vs actual budget tracking, drift detection, what-if simulations. 100% browser-only, open source." />
    <meta name="twitter:image" content="https://maxmini0214.github.io/donflow/og-image.png" />
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "DonFlow",
      "applicationCategory": "FinanceApplication",
      "operatingSystem": "Web Browser",
      "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" },
      "description": "A browser-only budget planner that compares planned spending vs actual spending. Features drift warnings, what-if simulations, and smart CSV/XLSX import. No server, no signup, 100% client-side.",
      "url": "https://maxmini0214.github.io/donflow/",
      "downloadUrl": "https://github.com/maxmini0214/donflow",
      "softwareVersion": "1.0",
      "author": { "@type": "Person", "name": "maxmini0214" },
      "featureList": [
        "Plan vs actual budget comparison",
        "Budget drift detection with alerts",
        "What-if financial simulations",
        "Smart CSV and XLSX import with automatic column detection",
        "100% browser-based, no server needed",
        "No signup required"
      ]
    }
    </script>
  </head>
  <body>
    <div id="root"></div>
    <noscript>
      <h1>DonFlow — Plan vs Reality Budget Tracker</h1>
      <p>DonFlow is a free, browser-only financial planning tool that bridges the gap between your budget plan and actual spending. Unlike expense trackers that only record the past, DonFlow helps you <strong>design your financial structure</strong> and automatically compares it against reality.</p>
      <h2>Key Features</h2>
      <ul>
        <li><strong>Plan vs Actual Comparison:</strong> Set your monthly budget structure, then import real transactions.</li>
        <li><strong>Budget Drift Detection:</strong> Automatic alerts when spending exceeds planned thresholds.</li>
        <li><strong>What-If Simulations:</strong> Simulate changes before committing.</li>
        <li><strong>Smart Import:</strong> Upload CSV or XLSX files from any bank or card issuer.</li>
        <li><strong>100% Private:</strong> All data stays in your browser. No server, no account.</li>
      </ul>
    </noscript>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>