ANNAS TRI WIDAGDO/PORTFOLIO · 2026
VOL. 01 // TECHNICAL ARCHIVE
■annastriwidagdo.me
SOFTWARE ENGINEER·FULL-STACK WEB DEVELOPER·AI & MACHINE LEARNING ENTHUSIAST
ENTRY 001OPENING TECHNICAL ARCHIVE00% · 01 / 01
Skip to content
■annastriwidagdo.me
  • 01Home
  • 02About
  • 03Projects●
  • 04Blog
  • 05Contact
LANGEN/ID
■annastriwidagdo.me
  • Software Engineer
  • Full-Stack Web Developer
  • AI & Machine Learning Enthusiast
EMAILannastriw6@gmail.com↗ (opens in a new tab)LINKEDIN/in/annastriwidagdo↗ (opens in a new tab)GITHUB@annastriw↗ (opens in a new tab)CONTACTOpen Contact→

© 2026 Annas Tri Widagdo. Find the purpose. Build the solution.

←Back to Projects
01 / WEB APPLICATION

UKG System

A multi-branch ERP that brings inventory, sales, and daily operations into one system.

Client
CV Universal Kharisma Globalindo
Role
Full-Stack Web Developer
Period
January–April 2026
Status
Live Production
Visit Live Website↗Private Repository
[01]

Project Gallery

Enlarge Image
Warehouse master stock table showing multi-branch inventory levels, unit quantities, and low stock warning badges.
UKG System administrator dashboard displaying monthly revenue and expense graphs alongside operational summary metrics.
Point-of-sale cashier interface with item search, pricing breakdown, discount controls, and payment methods.
Digital receipt preview modal detailing purchased items, subtotal calculation, branch origin, and print action.
Sales transaction report table with store branch filters, date-range selector, and Excel export button.
Financial analytics dashboard visualizing gross profit trends, total turnover, and operational cost breakdowns.
Employee attendance management table with map-based location verification and radius check coordinates.
Interactive geographical map displaying retail store branch pins and active operational statuses across regions.
Inter-branch stock order request form with destination warehouse dropdown and quantity input fields.
Warehouse master stock table showing multi-branch inventory levels, unit quantities, and low stock warning badges.
UKG System administrator dashboard displaying monthly revenue and expense graphs alongside operational summary metrics.
Enlarge Image
[01]Admin dashboard presenting monthly financial charts and key store operational metrics.
01 / 09
[02]

Project Overview

Before UKG System, inventory, sales, and branch operations were recorded in notebooks, with data shared through WhatsApp and Excel. This made it difficult for the owner to monitor activities across branches.

UKG System brings these records together, allowing the owner to monitor inventory, sales, and operations remotely.

[03]

My Contribution

  • 01Gathered requirements through interviews with the owner and designed the UI/UX.
  • 02Independently developed the frontend, backend, and workflows connecting the system’s modules.
  • 03Performed manual testing and automated end-to-end testing with Playwright, then deployed the system to an Ubuntu VPS where it remains in active use.

This project strengthened my experience in taking a system from business requirements to everyday operational use.

■Tech Stack
  • Figma
  • Next.js
  • NestJS
  • MySQL
  • Playwright
  • Linux Ubuntu
[04]

System Scope

■Integrated Modules
  1. 01Warehouse & Inventory
  2. 02Store Operations
  3. 03Cashier & Sales
  4. 04Reports & Finance
  5. 05Dashboard & Analytics