Skip to content
All projects
Mobile Android iOS

Budget Planner

A private, offline budget planner: a daily spending limit, transactions by category and monthly statistics, behind a PIN lock.

Role
Flutter Developer
Client
Freelance · Mostaql
Year
2026

Tech stack

  • Dart
  • Flutter
  • GetX
  • Figma
  • Pixel-perfect Implementation

Case study

A personal budget planner that keeps everything on the device. Set a daily spending limit, log income and expenses by category, and see where the month went.

Highlights

  • Today’s remaining allowance against the daily limit, plus monthly income and spending at a glance.
  • Transactions grouped by day, with search and income/expense filters.
  • Monthly statistics: net balance and a breakdown chart by category.
  • Built-in and custom categories, multiple currencies.
  • PIN lock, onboarding, and Arabic (RTL) and English with light and dark themes.

Engineering

  • Flutter with GetX; a BudgetApi layer over local storage, ready to move to a server.
  • Pixel-perfect from the Figma file: colours and assets pulled from Figma by script into a ThemeExtension palette.
  • Covered by controller, widget and flow tests.

09 screens

App screens

  1. Budget Planner — Screen 1
  2. Budget Planner — Screen 2
  3. Budget Planner — Screen 3
  4. Budget Planner — Screen 4
  5. Budget Planner — Screen 5
  6. Budget Planner — Screen 6
  7. Budget Planner — Screen 7
  8. Budget Planner — Screen 8
  9. Budget Planner — Screen 9

Next project

Corona Awareness