Professional project

SIMPP - PLN PUSMANPRO

Frontend engineering for PLN PUSMANPRO's SIMPP, featuring AI Reviews Evidence: field-level claim validation connected to supporting documents and highlighted source evidence.

Frontend EngineerNov 2024 - Oct 2026

Explore feature spotlights

Tech Stack

Next.jsReactTypeScriptTailwind CSSshadcn/uiZustand

Feature spotlights / SIMPP - PLN PUSMANPRO

Explore the features of this project.

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

Choose another spotlight

Dashboard

Explore the independent analytics sections within the SIMPP dashboard: assignment summaries and schedules, process status, project locations, document tracking, and generation and network e-IQC reporting. Select any section to view its function and screenshot.

Choose a section to explore

Dashboard

Assignment overview

Summary cards and donut charts present assignment totals and realization figures. A timeline below shows assignment periods, with search and pagination for exploring the list.

Totals and schedules presented together for an overview of ongoing assignments.

Challenge

Reviewers need to compare claim data with supporting documents and understand which evidence supports or contradicts an AI finding.

Present claim values, AI explanations, and document evidence in a navigable flow while retaining the context of the field under review.

Approach

The interface connects claim details to an AI validation summary, an evidence selector, and a highlighted document preview. Frontend work uses Next.js, backend API integration, and Zustand for global state.

Connects AI findings to source documents that reviewers can inspect, with field statuses, quoted evidence, and document highlights in one review flow.

Implementation

Next.js and React interface
TypeScript application code
Tailwind CSS and shadcn/ui components
Backend API endpoints
Zustand state management

Features

Claim detail table with AI review entry points
Field-level AI validation summary and match statuses
Supporting document selection with page references and quotes
Document preview with evidence highlights, zoom, and page navigation
Backend API integration and global application state

Highlights

AI review results presented alongside the original claim data
Supporting evidence linked to specific documents and pages
Document highlights help reviewers locate the referenced evidence

Let's talk about your next project.

Let's Talk

Loading page...

Back to projects

Professional project

SIMPP - PLN PUSMANPRO

Frontend engineering for PLN PUSMANPRO's SIMPP, featuring AI Reviews Evidence: field-level claim validation connected to supporting documents and highlighted source evidence.

Frontend EngineerNov 2024 - Oct 2026

Explore feature spotlights

Tech Stack

Next.jsReactTypeScriptTailwind CSSshadcn/uiZustand

Feature spotlights / SIMPP - PLN PUSMANPRO

Explore the features of this project.

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

Choose another spotlight

Dashboard

Choose a section to explore

Dashboard

Assignment overview

Summary cards and donut charts present assignment totals and realization figures. A timeline below shows assignment periods, with search and pagination for exploring the list.

Totals and schedules presented together for an overview of ongoing assignments.

Challenge

Reviewers need to compare claim data with supporting documents and understand which evidence supports or contradicts an AI finding.

Present claim values, AI explanations, and document evidence in a navigable flow while retaining the context of the field under review.

Approach

Connects AI findings to source documents that reviewers can inspect, with field statuses, quoted evidence, and document highlights in one review flow.

Implementation

Next.js and React interface
TypeScript application code
Tailwind CSS and shadcn/ui components
Backend API endpoints
Zustand state management

Features

Claim detail table with AI review entry points
Field-level AI validation summary and match statuses
Supporting document selection with page references and quotes
Document preview with evidence highlights, zoom, and page navigation
Backend API integration and global application state

Highlights

AI review results presented alongside the original claim data
Supporting evidence linked to specific documents and pages
Document highlights help reviewers locate the referenced evidence

Let's talk about your next project.

Let's Talk