Personal project

Art of Saving

A personal finance platform for tracking income, expenses, and cash flow, with interactive charts and receipt OCR to simplify transaction entry.

Personal Finance & Receipt OCRWeb application

Website under maintenance

Visit Website

Explore feature spotlights

Art of Saving add-transaction form with income and expense options, receipt upload, amount, category, date, notes, and live summary

Tech Stack

Next.jsReactTypeScriptTailwind CSSshadcn/uiSupabaseOCR

Feature spotlights / Art of Saving

Explore the features of this project.

Choose a feature to explore its workflow, screenshots, or demo videos.

Choose another spotlight

From receipt to transaction

Receipt scanning assists transaction entry by applying extracted information to the form. The user can inspect the receipt, review the filled fields, and make corrections before saving.

From receipt to transaction

01 / 03

Start a transaction

The transaction form brings income or expense selection, receipt upload, amount, category, date, and notes into one place. A live summary keeps the movement, category, and period visible while entering details.

Manual entry and receipt-assisted entry share the same form.

Challenge

Manually entering receipt details makes financial tracking harder to maintain.

Combine transaction management, receipt scanning, and summaries in a practical daily workflow.

Approach

Connected OCR autofill, searchable transactions, and charts in a responsive dashboard with authentication, language options, and themes.

Combines receipt-assisted entry and financial visualization in a bilingual finance dashboard.

Implementation

Next.js and React application
Tailwind CSS and shadcn/ui interface
Supabase authentication and storage
OCR-to-transaction workflow
Financial charts and transaction views

Features

Income, expense, and cash flow tracking
Receipt OCR with transaction autofill
Interactive financial charts
Transaction search, filtering, and sorting
Supabase authentication and database
English and Indonesian with light and dark themes

Highlights

Receipt scanning assists transaction entry
Interactive income and expense charts
Bilingual desktop and mobile experience

Let's talk about your next project.

Let's Talk