About Stack Work Blog Services Testimonials Contact WhatsApp
Next.js Next.js React Supabase PostgreSQL PWA Tailwind CSS TypeScript

Masrofaty — Personal & Business Expense Tracker

A modern Progressive Web App (PWA) for smart expense tracking, real-time budget management, and financial analytics built with Next.js and Supabase.

Visit Live Site ↗
Masrofaty — Personal & Business Expense Tracker

Engineered Masrofaty (مصروفاتي), a high-performance Progressive Web App (PWA) built to streamline expense tracking, personal/business budget management, and financial reporting with real-time data sync.

Key Features & Technical Achievements:

  • Full-Stack Modern Architecture: Built using Next.js for server-side rendering and fast frontend performance, integrated with Supabase for real-time relational database management and secure authentication.
  • Progressive Web App (PWA): Engineered for native-like user experience across desktop and mobile, supporting offline accessibility, instant caching, and quick app installation.
  • Real-Time Financial Dashboard: Implemented interactive charts and data visualizations for dynamic expense categorization, income analytics, and wallet tracking.
  • Secure Auth & Row-Level Security: Enforced strict data privacy and user isolation policies using Supabase Row-Level Security (RLS) and JWT authentication.

Tech Stack Used

Next.js
React
Supabase
PostgreSQL
PWA
Tailwind CSS
TypeScript

Interested in a similar project?

Let's talk about what you need and how I can build it.

WhatsApp Me → Send a Message