Back to projects
Desktop Workstation App for a National Agricultural Authority
Government & Infrastructure

Desktop Workstation App for a National Agricultural Authority

Electron desktop application for a national agricultural authority — installed on field workstations, talks to a hosted Next.js API, generates PDFs, and exports CSV / Excel data offline-friendly.

ElectronReactMUITailwind CSSNext.jsAWS AmplifyExpressMongoDBReact PDFxlsxZustandWebpack

Overview

Overview

Two-part system for a national agricultural authority: an Electron desktop app installed on field workstations and a hosted Next.js API the desktop app talks to. The desktop side handles the day-to-day operator workflow (pin-protected login, data entry, PDF documents, CSV exports); the API side handles persistence, business rules, and any web-only admin views.

What I built

  • Electron desktop app packaged with electron-forge, built and distributed as native installers for Windows / macOS / Linux
  • MUI-based desktop UI with @mui/x-date-pickers, @zag-js/pin-input for PIN-based login, react-router-dom for in-app navigation
  • PDF generation via @react-pdf/renderer for official documents
  • Data export: react-csv, xlsx, file-saver for operator-driven extracts
  • Hosted Next.js API (raot-api) on AWS Amplify with Express + Mongoose endpoints — same stack as the rest of the portfolio, just deployed as a back-end-only service this time
  • Direct MongoDB driver usage in places where the desktop app needed read access without going through the API

More projects

ACAI — ASEAN Centre for Active Ageing
Government & Infrastructure

ACAI — ASEAN Centre for Active Ageing

Public website + headless CMS for a regional knowledge center on active ageing. Built end-to-end including admin tools, rich-text editor, and accessibility controls.

Next.jsReactTailwind CSS+5
Expressway Weigh-Station Realtime Dashboard
Government & Infrastructure

Expressway Weigh-Station Realtime Dashboard

Realtime vehicle-classification dashboard for a national expressway authority. Sockets stream live data from weigh stations into a categorized analytics view, deployed entirely inside the client's private network.

Next.jsReactTailwind CSS+6
Alist — Internal Data Tool
Internal Tools

Alist — Internal Data Tool

Internal data-management dashboard with charts, virtualized tables, Excel / PDF exports, and bulk CSV import of Siriraj Integrated Line Service Team . Built on Create React App + Redux Toolkit, deployed via AWS Amplify.

ReactTailwind CSSRedux Toolkit+11
Desktop Workstation App for a National Agricultural Authority — krittimet.dev