Skip to content
OA.

Home / Work / LeafirEXP - Expense Tracker PWA

› ~/work/leafirexp-expense-tracker-pwa

LeafirEXP - Expense Tracker PWA

An expense and income tracker built for both online and offline with auto sync

leafirexp.oheneadjei.workers.dev
LeafirEXP - Expense Tracker PWA
Challenge

This was a personal project i built to help me easily track my income and expense to know where my money was going to. I was also a mean for me to build my expertise in Vue.js development.

Build

I used Vue.js for the frontend, with custom components built on Tailwind, and a Hono backend running on Cloudflare Workers. For state management I used Pinia. The app works as a PWA, and data is stored in a Dexie local database in the browser. This lets it keep working while the network is off, and once the network is restored, the app syncs automatically.

Impact

I have a fully offline expense tracker that automatically syncs across all my devices. I have also gained experience building with Vue.js and Hono on Cloudflare.

Vue.js Hono Cloudflare Workers Pinia Cloudflare D1 Resend
Gallery