← All projectsCase study

Grant Management Platform

End-to-end grant system for a government agency.

Role
UI/UX design · Full stack
Year
2025 — 2026
Platform
Web app · Public portal · Staff console
Stack
Laravel 12 · Vue 3 · TypeScript · MariaDB · Docker
Grant Management Platform cover

Overview

The problem

The agency ran grants through forms, email and spreadsheets — applicants couldn't see where their application stood, and officers re-keyed the same data at every stage from screening to payment.

The idea

One system that carries an application from submission through screening, scoring, committee decision, contract, payment and project monitoring, with each role seeing only its own stage.

Built for a government agency. Shown anonymised — screens are recreated with sample data.

What I did

Design

  1. 01User flows for applicants (individuals and organisations), officers, directors and admins
  2. 02Applicant dashboard with a single 'my applications' list and a status timeline
  3. 03Officer workspace for screening, queries and scoring against an evaluation matrix
  4. 04Bahasa Malaysia UI, responsive from 375px phones to 1440px desktops

Engineering

  1. 01Laravel 12 REST API with Sanctum, role and permission policies on every action, and 2FA / email OTP login
  2. 02Configurable programmes: dynamic form builder, custom fields and required documents per scheme
  3. 03Workflow for queries, weighted scoring, committee meetings, contracts and phased payments, with activity logs
  4. 04PDF letters and Excel exports, queued jobs for submissions, payments and bulk notifications

How it works

Screens

Applicant status tracker
Applicant status tracker
Officer dashboard and seven-stage pipeline
Officer dashboard and seven-stage pipeline
Weighted scoring matrix
Weighted scoring matrix

Under the hood

Vue 3 SPA

TypeScript · Pinia · Tailwind

Laravel 12 API

Sanctum · RBAC policies · 2FA

Queue workers

Submissions · payments · notifications

Documents

PDF letters · Word templates · Excel

MariaDB + Redis

CIS-hardened · audit plugin

Docker ComposeGitLab CI + GitHub ActionsActivity logReal-time events (Reverb)

7

Stages from application to project monitoring

500+

Automated test files in CI

8

Roles with policy-checked access

CIS

Hardened database config for security assessment

Next project

Incident Command Centre →

AI-assisted incident reporting and ops dashboard · Proof of concept.