note-counter/index.html at main · PATILYASHH/note-counter · 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <meta name="color-scheme" content="light" />

    <!-- Primary SEO -->
    <title>Note Counter — Free Money Counter, GST &amp; EMI Calculator (No Ads, No Tracking)</title>
    <meta name="description" content="Free, open-source finance toolkit: count notes and coins for INR, USD, EUR, GBP, AED or any custom currency, plus built-in GST / VAT / Sales Tax and Loan EMI calculators. No ads, no accounts, no tracking — your data stays on your device. Works offline as a PWA." />
    <link rel="canonical" href="https://notecounter.shop/" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1" />
    <meta name="author" content="Yash Patil" />
    <meta name="theme-color" content="#0f172a" media="(prefers-color-scheme: light)" />
    <meta name="theme-color" content="#0f172a" media="(prefers-color-scheme: dark)" />

    <!-- Icons / PWA -->
    <link rel="icon" type="image/svg+xml" href="/icon.svg" />
    <link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/icon-512.png" />
    <link rel="apple-touch-icon" href="/icon-192.png" />
    <link rel="manifest" href="/manifest.json" />
    <meta name="application-name" content="Note Counter" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-title" content="Note Counter" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="msapplication-TileColor" content="#0f172a" />
    <meta name="msapplication-config" content="/browserconfig.xml" />
    <meta name="format-detection" content="telephone=no" />

    <!-- Open Graph -->
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Note Counter" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:url" content="https://notecounter.shop/" />
    <meta property="og:title" content="Note Counter — Free Online Money &amp; Cash Counter" />
    <meta property="og:description" content="Count currency notes and coins fast in INR, USD, EUR, GBP, AED, or any custom currency. Free, open source, offline-ready." />
    <meta property="og:image" content="https://yashpatil.vercel.app/assets/images/projectimg/countnote.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Note Counter — money and cash counter screenshot" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@PATILYASHH" />
    <meta name="twitter:creator" content="@PATILYASHH" />
    <meta name="twitter:title" content="Note Counter — Free Online Money &amp; Cash Counter" />
    <meta name="twitter:description" content="Count currency notes and coins fast in INR, USD, EUR, GBP, AED, or any custom currency. Free, open source, offline-ready." />
    <meta name="twitter:image" content="https://yashpatil.vercel.app/assets/images/projectimg/countnote.png" />
    <meta name="twitter:image:alt" content="Note Counter — money and cash counter screenshot" />

    <!-- Hreflang -->
    <link rel="alternate" hreflang="en" href="https://notecounter.shop/" />
    <link rel="alternate" hreflang="x-default" href="https://notecounter.shop/" />

    <!-- Performance hints -->
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

    <!-- Sitemap discovery -->
    <link rel="sitemap" type="application/xml" href="/sitemap.xml" />

    <!-- Open-source signals -->
    <link rel="author" href="https://github.com/PATILYASHH" />
    <link rel="license" href="https://opensource.org/licenses/MIT" />

    <!-- App scripts -->
    <script src="/update.js"></script>
    <script src="/web-lock.js"></script>

    <!-- Vercel Analytics (page-view counts only — see https://vercel.com/docs/analytics/privacy-policy) -->
    <script>
      window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
    </script>
    <script defer src="/_vercel/insights/script.js"></script>

    <!-- Structured data: WebApplication -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "Note Counter",
      "alternateName": ["Money Counter", "Cash Counter", "Currency Counter", "Denomination Counter"],
      "url": "https://notecounter.shop/",
      "description": "Free, open-source online money counter for INR, USD, EUR, GBP, AED, and unlimited custom currencies. Count notes and coins fast with smart input, history, and PDF export. Works offline as a PWA.",
      "applicationCategory": "FinanceApplication",
      "applicationSubCategory": "Calculator",
      "operatingSystem": "Any (modern web browser)",
      "browserRequirements": "Requires JavaScript. Chrome 90+, Firefox 88+, Safari 14+, Edge 90+.",
      "softwareVersion": "11.0.0",
      "datePublished": "2024-01-01",
      "inLanguage": "en",
      "isAccessibleForFree": true,
      "license": "https://opensource.org/licenses/MIT",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD",
        "availability": "https://schema.org/InStock"
      },
      "author": {
        "@type": "Person",
        "name": "Yash Patil",
        "url": "https://yashpatil.vercel.app",
        "sameAs": [
          "https://github.com/PATILYASHH",
          "https://github.com/sponsors/PATILYASHH"
        ]
      },
      "publisher": {
        "@type": "Person",
        "name": "Yash Patil",
        "url": "https://yashpatil.vercel.app"
      },
      "image": "https://yashpatil.vercel.app/assets/images/projectimg/countnote.png",
      "screenshot": "https://yashpatil.vercel.app/assets/images/projectimg/countnote.png",
      "featureList": [
        "Count notes and coins for INR, USD, EUR, GBP, AED",
        "Create unlimited custom currencies and denominations",
        "Smart input with math expressions (+, -, *, /)",
        "Built-in calculator with history",
        "Save counting sessions with hash references (#1, #2)",
        "Export sessions as PDF",
        "JSON data export and import",
        "Privacy mode to hide amounts",
        "PIN / password lock",
        "Comprehensive keyboard shortcuts",
        "Installable as a Progressive Web App (PWA)",
        "Fully offline after first load",
        "All data stored locally in your browser"
      ],
      "keywords": "money counter, cash counter, note counter, coin counter, currency counter, denomination counter, INR counter, USD counter, EUR counter, GBP counter, AED counter, custom currency, online cash calculator, free money counter, PWA"
    }
    </script>

    <!-- Structured data: SoftwareSourceCode (open source signal) -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "SoftwareSourceCode",
      "name": "Note Counter",
      "description": "Open-source money counter built with React, TypeScript, Tailwind CSS, and Vite.",
      "codeRepository": "https://github.com/PATILYASHH/note-counter",
      "programmingLanguage": ["TypeScript", "JavaScript", "HTML", "CSS"],
      "license": "https://opensource.org/licenses/MIT",
      "runtimePlatform": "Web Browser",
      "author": {
        "@type": "Person",
        "name": "Yash Patil",
        "url": "https://github.com/PATILYASHH"
      },
      "url": "https://notecounter.shop/"
    }
    </script>

    <!-- Structured data: FAQPage -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "What currencies does Note Counter support?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Note Counter supports five built-in currencies — Indian Rupee (INR), US Dollar (USD), Euro (EUR), British Pound (GBP), and UAE Dirham (AED) — plus unlimited custom currencies you can create with your own denominations and symbols."
          }
        },
        {
          "@type": "Question",
          "name": "Is Note Counter free?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes. Note Counter is free to use and the source code is released under the MIT license on GitHub. No account or registration is required."
          }
        },
        {
          "@type": "Question",
          "name": "Where is my counting data stored?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Your counting numbers, history, custom currencies and notes are stored locally in your browser using localStorage. Nothing about the amounts you count is sent to any server."
          }
        },
        {
          "@type": "Question",
          "name": "Does Note Counter work offline?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes. Note Counter is a Progressive Web App. After the first load it works offline and can be installed to your home screen on phone or desktop."
          }
        },
        {
          "@type": "Question",
          "name": "Can I use math expressions when entering counts?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes. In any denomination field you can type expressions like +50, -20, 10*5 or 100/4 and press Enter to apply the result."
          }
        }
      ]
    }
    </script>

    <!-- Resource preloads -->
    <link rel="preload" href="/src/index.css" as="style" />
    <link rel="preload" href="/src/main.tsx" as="script" />
  </head>
  <body>
    <!--
      SEO + accessibility fallback. Visible to crawlers and to users while React hydrates,
      then completely replaced by the React app. Real content lives inside the SPA.
    -->
    <div id="root" role="main" aria-label="Note Counter">
      <header style="background:#0f172a;color:#fff;padding:16px 20px;font:600 16px/1.4 system-ui,sans-serif;">
        Note Counter — free online money &amp; cash counter
      </header>
      <main style="max-width:760px;margin:0 auto;padding:32px 20px;font:400 16px/1.6 system-ui,sans-serif;color:#0f172a;">
        <h1 style="font:800 30px/1.2 system-ui,sans-serif;letter-spacing:-0.02em;margin:0 0 12px;">
          Free online money &amp; cash counter
        </h1>
        <p style="color:#475569;margin:0 0 20px;">
          Count currency notes and coins fast for <strong>INR, USD, EUR, GBP, AED</strong>, or build your own custom
          currency with any denominations. Note Counter is free, open-source under the MIT license, and works
          offline as a Progressive Web App. All data stays on your device.
        </p>

        <h2 style="font:700 20px/1.3 system-ui,sans-serif;margin:24px 0 8px;">Key features</h2>
        <ul style="margin:0 0 20px;padding-left:20px;color:#334155;">
          <li>Multi-currency counter for notes and coins (INR, USD, EUR, GBP, AED)</li>
          <li>Unlimited custom currencies with your own code, symbol, and denominations</li>
          <li>Smart input — type math expressions like <code>+50</code>, <code>-20</code>, <code>10*5</code></li>
          <li>Built-in calculator with history</li>
          <li>Save sessions with hash references (#1, #2 …) and export as PDF</li>
          <li>Privacy mode, PIN / password lock, comprehensive keyboard shortcuts</li>
          <li>Installable PWA — works fully offline after first load</li>
          <li>All data stored locally in your browser; nothing about your amounts is uploaded</li>
        </ul>

        <h2 style="font:700 20px/1.3 system-ui,sans-serif;margin:24px 0 8px;">Open source</h2>
        <p style="color:#475569;margin:0 0 12px;">
          Source code is on
          <a href="https://github.com/PATILYASHH/note-counter" rel="noopener">GitHub</a> under the
          <a href="https://opensource.org/licenses/MIT" rel="noopener">MIT license</a>. If Note Counter is useful,
          please <a href="https://github.com/sponsors/PATILYASHH" rel="noopener">sponsor the developer</a>.
        </p>

        <p style="color:#94a3b8;font-size:14px;margin:32px 0 0;">
          Loading the interactive counter… If this message stays visible, please enable JavaScript and reload.
        </p>
      </main>
    </div>

    <noscript>
      <div style="text-align:center;padding:48px 24px;font-family:system-ui,sans-serif;">
        <h2 style="margin:0 0 12px;">JavaScript required</h2>
        <p>Note Counter needs JavaScript to run. Please enable it and reload the page.</p>
      </div>
    </noscript>

    <script type="module" src="/src/main.tsx"></script>

    <!-- Service worker registration -->
    <script>
      if ('serviceWorker' in navigator) {
        window.addEventListener('load', function () {
          navigator.serviceWorker.register('/sw.js').catch(function () { /* noop */ });
        });
      }
    </script>

    <!-- PWA install prompt capture -->
    <script>
      let deferredPrompt;
      window.addEventListener('beforeinstallprompt', function (e) {
        e.preventDefault();
        deferredPrompt = e;
      });
    </script>
  </body>
</html>