A LITTLE WORLD OF IDEAS
SATIAN FERDIANSYAHPORTFOLIO / 2026SOFTWARE ENGINEER · SURABAYA
Stories
built with
code.
Software engineer with hands-on experience building enterprise systems (ERP), AI/ML-driven dashboards, and full-stack web applications across the oil & gas EPC and logistics sectors. Skilled in translating complex business requirements into scalable, reliable software, with a track record of integrating AI/LLM and computer vision capabilities into operational workflows.
Explore skillsWHAT I WORK WITH
Tools for
building ideas.
From enterprise platforms to computer vision and mobile apps, I connect the right tools to real operational needs.
View projectsCode
PHP · Java · JavaScript · TypeScript · Dart · Python · Go
Build
Laravel · CodeIgniter · React · Angular · Vue · Next.js · Express.js · Flask · FastAPI · Flutter
Connect
MySQL · PostgreSQL · Firebase · Redis · REST APIs
Deliver
Git · Docker · Postman · Figma · UI/UX design · Agile/Scrum · Linux deployment
CONCEPT VISUAL · ACCESS HUB
01 / 11 Identity & access
SSO Portal.
A single entry point connecting internal systems such as the ERP, HRIS, and dashboards.
Authentication and a consistent sign-in experience across applications.
Developed portal services with Node.js and Express.js and built the React.js interface.
Deployed the application to a Linux server.
CONCEPT VISUAL · DOCUMENT FLOW
02 / 11 Enterprise system
ECMS · ERP.
Maintained and extended ECMS, an internal ERP platform supporting oil and gas EPC operations.
Bug fixes, new features, and data migration between ECMS generations.
Migrated around 5,000 correspondence records from ECMS v2 to v3, preserving the old archive as a reference and continuing v3 numbering from the last number in each company group.
Deployed the application to a Linux server.
CONCEPT VISUAL · WEB & MOBILE
03 / 11 Human resources
HRIS Web & Mobile.
A web and Flutter mobile HR information system for workforce planning, leave, and business travel workflows.
Manpower planning for projects and head-office departments, with approval flows based on the organizational structure.
Worked on the Laravel backend, React.js web frontend, and Flutter mobile app, including task delegation so approval requests can be routed to an assigned colleague.
Deployed the application to a Linux server.
DEMO VISUAL · COMPANY PROFILE & CMS
04 / 11 Web development
Company Profile & CMS.
A company profile website with a comprehensive, detailed, and flexible content management system.
Public pages present the company, services, experience, projects, and news; the CMS manages content, galleries, organization structure, clients, messages, and branding.
Built the public website and full-stack admin dashboard so content, categories, media, and visual settings can be updated without code changes.
Deployed the application to a Linux server.
DEMO VISUAL · DAMAGE DETECTION
05 / 11 Smart Gate / AI · 01
Damage Detection.
A computer vision model for identifying physical damage on containers at a depot gate.
YOLO detects three damage classes: dents, holes, and rust.
Built a detection pipeline that returns bounding boxes, classes, and confidence scores for each finding.
DEMO VISUAL · CONTAINER NUMBER
06 / 11 Smart Gate / AI · 02
Container Number.
A two-stage pipeline for reading container numbers from depot gate images.
YOLO locates the number area; PaddleOCR reads the cropped image.
Built the detection and text recognition flow to extract container numbers from images.
DEMO VISUAL · LICENSE PLATE
07 / 11 Smart Gate / AI · 03
License Plate.
A computer vision pipeline for detecting and reading vehicle license plates.
YOLO detects the plate area; PaddleOCR reads the characters from the crop.
Developed the two-stage detection and OCR flow as part of the Smart Gate AI models.
DEMO VISUAL · SSO PORTAL
08 / 11 Identity & access
SSO Portal.
A portal that gives users a single sign-in experience for multiple internal systems.
Authentication and session or token management with Node.js and Express.js.
Built the portal interface with CodeIgniter 3 and Tailwind CSS.
DEMO VISUAL · DEPOT MONITORING
09 / 11 Operational dashboard
SP2 Dashboard.
A centralized dashboard for monitoring container depot operations.
Presenting operational information in an easy-to-scan view.
Developed the dashboard website using Node.js and Tailwind CSS.
DEMO VISUAL · FACE ATTENDANCE
10 / 11 Attendance system
Face Recognition.
A face-recognition attendance website combining a Laravel application with a Flask face-processing service.
Laravel handles the interface, authentication, users, and reports; Flask detects faces, creates FaceNet embeddings, and compares them with registered faces.
Connected both services through a REST API and wrapped Flask calls in a Laravel service behind an interface injected into the controller.
DEMO VISUAL · PROPERTY MANAGEMENT
11 / 11 Boarding-house management
TheKost.
A full-stack website for showcasing boarding houses and managing operations and rent payments.
Bringing property information, management needs, and payment flows into one website.
Built the TheKost frontend and backend with Laravel and stored application data in MySQL.