DEV Community

Patel Devansh
Patel Devansh

Posted on

How I Built a Privacy-First Offline PWA Expense Tracker

What is Spendly?

Spendly is an offline-first expense tracker PWA I built.
No server. No cloud. Everything stays on your device.

Why I Built It

Most expense apps send your data to their servers.
I wanted something that works 100% offline with real encryption.

Tech Stack

  • React + Vite (frontend)
  • TailwindCSS (styling)
  • Dexie.js (local IndexedDB)
  • AES-256-GCM encryption
  • WebAuthn (fingerprint/PIN lock)

Cool Features

3 Ways to Add Expenses:

  • Manual keypad entry
  • Barcode scan (Open Food Facts API)
  • Bill photo scan (Tesseract.js OCR)

Security:

  • AES-256-GCM encryption
  • PBKDF2 with 600,000 iterations
  • Zero data sent to any server

Live Demo

👉 spendly-24hrs.pages.dev

GitHub

👉 github.com/PDA-DP-Shop/spendly


Drop a ⭐ if you find it useful!

Top comments (0)