Dhani Nugroho — Profile Photo

// hello, world

I'm Dhani Nugroho

Explore My Work
Scroll
HTML & CSS JavaScript ASP.NET React Node.js jQuery Bootstrap Corel Draw Fullstack REST APIs SQL Git

Portfolio

A curated collection of projects across manual design vector, web design and engineering.

Vector illustration project
View Details

Vector Illustration

Silhouette and vector art designed in Corel Draw for various creative projects.

Corel Draw Vector Design
Travel web application
View Details

Travel Web Application

Mockup-to-code implementation with HTML, CSS & JS frontend and ASP.NET backend.

HTML/CSS JavaScript ASP.NET
Digital portfolio project
View Details

Digital Portfolio

Custom Bootstrap-based portfolio with tailored HTML & CSS design work.

Bootstrap HTML CSS
CRM Mobile application
View Details

CRM Mobile

Mobile web CRM application built with jQuery, HTML & CSS for responsive workflows.

jQuery Mobile CRM
Hotel reservation system
View Details

Hotel Reservation

Intuitive hotel booking page built from scratch with HTML & CSS.

HTML CSS Web Design
Custom CRM platform
View Details

Custom CRM & CMS

Revamped UI with modernized CMS and optimized backend logic for localized market growth.

UI/UX CMS Backend CRM

Project Showcase

End-to-end projects from architecture to delivery — each with a live UI mockup re-build from the actual screens.

5 projects
01
Individual Contributor — Full-Stack Engineer

Smart Laundry System

Full-Stack Multi-Branch Maps Integration Real-time Dashboard

Centralized admin dashboard for a multi-branch laundry network across Indonesia — featuring an interactive branch map, real-time KPI monitoring, complaint management with SLA tracking, and operational analytics per branch.

  • National branch map with bubble markers & status indicators
  • Request & Complaint management with SLA escalation flow
  • Branch management — CRUD, capacity, manager assignment
  • Real-time KPI per branch: completion rate, machine utilization
  • Smart notification — anomaly alerts via WhatsApp / email
  • Role hierarchy: HQ Admin → Regional → Branch Manager
smartlaundry.internal / dashboard-nasional
SMART LAUNDRY Dashboard Peta Cabang Manaj. Cabang Complaint KPI & Analytics Notifikasi AP Admin Pusat Dashboard Nasional Live 🔔 3 Cabang Aktif 247 ▲ +12 bulan ini Revenue Hari Ini Rp4,2M ▲ +8.4% vs kemarin Order Aktif 3.847 Diproses sekarang Complaint Open 18 ⚠ 3 critical PETA CABANG — INDONESIA 25 83 45 19 11 7 DKI Jakarta — 38 Revenue: Rp 4,2M Jawa Sumatera Luar Jawa Sulawesi REQUEST & COMPLAINT Mesin rusak — Depok Teknis · 2j lalu Critical Pakaian tertukar Operasional · 5j lalu Medium Request express Request · 1j lalu Request Lihat semua → PERFORMA CABANG CABANG ORDER REVENUE STATUS Jakarta Selatan 142 4,2jt OK Bandung Utara 98 2,9jt OK Surabaya Pusat 76 2,1jt Alert Medan Kota 54 1,6jt Offline KPI RATA-RATA Order Completion 94% Machine Utilization 78% Customer Satisfaction 88% Complaint Resolution
Complaint Detail — SLA Tracker
COMPLAINT #C-2047 ● Critical — Mesin rusak di Cab. Depok SLA Progress 1h 12m / 2h Status Flow Masuk Triage Assigned Resolved Closed Assigned to TK Teknisi Kuncoro Cab. Depok · On-site Cabang SmartLaundry Depok 6 mesin aktif · Jawa Barat Escalate Mark Assigned Kirim Notif WA

End-to-end CSR & Budget Management System with interactive geospatial mapping of program areas across Indonesia, dynamic priority scoring, and multi-level approval workflows for top management.

  • Social Mapping Data Collection with interactive map
  • Dynamic CSR Assessment Priority Allocation Dashboard
  • Annual Planning & Implementation workflow
  • Budget Management & Actualization
  • Approval Workflow for Top Management
  • Efficient Fund Allocation to Achieve CSR Targets
csr-system.internal / beranda
CSR SYSTEM Beranda Pemetaan Sosial Perencanaan Budget Approval Beranda — CSR Priority Allocation Area ▾ Tahun ▾ Hover over CSR Priority Allocation areas Bontang Score: 89 — Sangat Baik © OpenStreetMap contributors 🎓 Pendidikan 68 Baik ❤ Kesehatan 74 Baik 💼 Ekonomi 77 Baik ⭐ Total Skor 89 Sangat Baik PERUSAHAAN LOKASI PENDIDIKAN TOTAL STATUS Corp Name — BTG Bontang 68 89 Sangat Baik
Budget Actualization
A. Planning B. Implement C. Budget Act. Detail Anggaran Pra-Implementasi Rp 10.000.000 Implementasi Rp 0 Selisih 10.000.000 NAMA PENGELUARAN QTY JUMLAH (IDR) SA 1 1000 10.000.000 Status Dokumen: Dokumen Tidak Lengkap

Centralized data platform enabling enterprise-wide data virtualization. Integrated Salesforce via background API sync plus a multi-dataset web uploader (.NET) feeding Business Intelligence dashboards.

  • API Integration & Background Sync (Salesforce)
  • Web Multiple Dataset Upload — .NET Framework
  • Insert Data Only & Delete-Insert Periodic methods
  • Multiple data validation on Excel before upload
  • Data Virtualization via Denodo
  • BI output — Power BI / Tableau / MicroStrategy
big-data-uploader.internal
UI Big Data Uploader Log Out Big Data UI Uploader Select Dataset TSIN Submit File Select Method Insert Data Only * Delete - Insert Data ** Date interval the uploaded file will be replaced 01/03/2021 to 01/07/2021 Choose Files No file chosen Download Here Upload File Cancel
Data Validation Result
Big Data UI Uploader TSIN ▾ Submit File Upload Failed, at 1st sheet "TSIN FTR" On Row : 2; Column : 4; Input string was not in a correct format.

Enterprise travel management covering the complete trip lifecycle — from request and multi-level approval to self-reservation of flights, hotels & trains, plus settlement and SAP vendor payment integration.

  • Travel Request by Employee (Plan & Unplan)
  • Approval Workflow — Top Level Management (DPH)
  • Self Reservation — Flight, Hotel & Train
  • Settlement Input — Employee & Finance Officer
  • SAP Integration (Vendor Payment)
  • HR System Integration (Leave Request)
  • Upload & Download Reports for multi-division
travel.enterprise.internal / dashboard
Hello, Dhani Nugroho Welcome to Travel Management System UPLOAD PLAN TRAVEL TRAVEL PLAN ASSIGNMENT TRAVEL UNPLAN ASSIGNMENT TRAVEL STATUS APPROVAL DPH TRAVEL RESERVATION VERIFY ALLOWANCE REBATE / REFUND INPUT BOOKING CODE TRAVEL SETTLEMENT VERIFY SETTLEMENT UPLOAD MASTER REVERSE BTA VERIFY COUNTER RECEIPT GENERATE FILE SETTLEMENT REPORT
Travel Reservation — Flight
Travel Reservation — Flight 10 Nov 2021 Jakarta (All Airports) → Balikpapan Thursday, Nov 11, 2021 | Economy Class | Travel Plan 13:30 16:50 2h 20m · direct Rp 1.895.400 Choose Garuda Indonesia · CGK (CGK) 08:20 10:45 2h 25m · direct Rp 535.000 Choose Jakarta → Balikpapan

Frontend development across three enterprise clients: a CRM door-prize golden ticket system (Fortune brand, Philippines), a mobile-responsive employee rewards portal, and a hotel reservation web app.

  • Fortune: Golden Ticket CRM with serial code validation
  • Spin Wheel, UGC Contest & Pack Code entry features
  • Employee Rewards CRM — responsive mobile web
  • E-Reward: payslip, compensation & benefits portal
  • Hotel Reservation — listing, detail & booking flow
  • All projects: Responsive Design + .NET backend
fortune.crm-app.com / golden-ticket
🍀 FORTUNE 1205 🟡 Spin Wheel Golden Ticket UGC Contest Enter Pack Code I-enter na ang code ng iyong Golden Ticket! Golden Ticket Serial Code 0/3 3XW7D2JJVR ENTER Konti na lang, Katropa! Bago ma-submit ang iyong Golden Ticket code, nais lang namin humingi ng kaunting datos: Ako ay isang smoker na 18 anyos pataas May-ari ako ng tindahan na binibisita ng PMFTC agent GOVERNMENT WARNING: CIGARETTE SMOKING IS DANGEROUS TO YOUR HEALTH
You Won! — Fortune CRM
🍀 FORTUNE 1705 🟡 PANALO KA, KATROPAI You won 500 Coins! BACK TO HOME

Career Timeline

10+ years of progressive growth across implementation, data engineering, and software development.

2023 — Present
Full-stack Engineer
Data Architect Analytics Engineering Data Platform Specialist

Evolved into a hybrid Full-stack + Data role — architecting data platforms, building analytics engineering pipelines, and designing end-to-end data infrastructure that bridges software systems and business intelligence.

dbt Snowflake Airflow Data Modeling React Node.js
2020 — 2023  ·  4 Years
Software Engineer

Software architecture, frontend & backend development, and testing. Led full-stack development across multiple enterprise web applications as both individual contributor and technical lead. Delivered CSR platform, Big Data Uploader, and Travel Management System.

ASP.NET JavaScript SQL Server REST API System Architecture
2016 — 2020  ·  4 Years
Data Engineer

Designed and maintained data pipelines, ETL processes, database optimization, and analytics. Built enterprise data warehousing solutions using SSIS, Pentaho (Kettle), and Denodo for data virtualization feeding Power BI, Tableau, and MicroStrategy dashboards.

SSIS Pentaho Denodo Power BI Tableau Data Warehouse
2015 — 2016  ·  1 Year
Implementor

System deployment, client onboarding, and user training. Laid the foundation of enterprise software delivery through hands-on implementation and client-facing technical support.

System Deployment Client Onboarding User Training

Skills

A broad technical stack spanning software engineering, data architecture, and business intelligence.

Software Engineering
Frontend Development
90%
Backend Development
85%
ASP.NET / .NET Core
82%
System Architecture
80%
REST API Integration
88%
Data Engineering
ETL — SSIS / Pentaho
92%
Data Virtualization (Denodo)
80%
Data Warehouse Design
85%
SQL Optimization
87%
Data Migration & Cleansing
83%
Analytics & BI
Tableau
82%
Power BI
78%
MicroStrategy
75%
Analytics Dashboard
88%
BI Data Preparation
86%
Leadership
Product Management
80%
Technical Lead
82%
Client Onboarding
85%
Team Collaboration
90%
Skill / Task Utility Type Description
SSIS ETL Integration / Transformation Microsoft's drag-and-drop ETL tool for enterprise data pipelines
Pentaho (Kettle) Integration / Transformation Open-source, flexible ETL development for complex workflows
Talend Studio Integration / Transformation Enterprise-grade data integration, big data, and cloud transformation
Azure Data Factory Integration / Orchestration Cloud-based data integration service for orchestrating and automating data movement and transformation
BI Data Preparation BI Enablement Structuring and modeling data for Power BI, Tableau & MicroStrategy
Data Virtualization Real-Time Data Access On-demand reporting without moving data using Denodo platform
Migration & Cleansing Quality & Movement Accurate data transfer + smooth system transitions during upgrades
Data Warehousing Storage & Analytics Long-term centralized insights hub for enterprise analytics

Personal Notes

Thoughts, concerns, and personal reflections over time.

Translate Notes:
June 12, 2026 • 06:31 AM

Pragmatic Programmer & Akar Masalah

Setelah 10+ tahun melewati implementasi, data engineering, hingga full-stack development — satu hal yang tidak pernah berubah: teknologi terbaik sekalipun akan gagal jika kita tidak memahami akar masalahnya dulu.

Menjadi pragmatic programmer bukan soal menguasai stack terbaru atau tool AI yang sedang viral. Ini soal moral dan etika dalam menyelesaikan masalah. Melihat ke dalam dulu, mencari solusi yang tepat, baru kemudian memilih teknologi yang sesuai.

AI tidak mengubah prinsip ini. Justru mempertegas: garbage in, garbage out — berlaku untuk data, untuk prompt, dan untuk keputusan bisnis.

#PragmaticProgrammer #DataEngineering #SoftwareDevelopment #AIEthics #TechEvolution

Portfolio · Career Evolution

Future Career Path : Evolusi Karir
& Insight di Era AI

10+ tahun perjalanan — dari deployment ke arsitektur data, menuju eksplorasi AI yang berakar pada pemecahan masalah nyata.

Bukan soal skill atau teknologi canggih — yang utama adalah moral dan etika. Menjadi pragmatic programmer berarti melihat akar masalah terlebih dahulu, mencari solusi cepat, baru kemudian memilih teknologi yang paling sesuai.
2015 – 2016
1. Implementor
System Deploy Onboarding Training
+ Tap untuk insight
Etika lahir di sini — teknologi baru tidak berarti klien siap. Akar masalah: adoption, bukan fitur.
2016 – 2020
2. Data Engineer
SSIS Pentaho Denodo Power BI Tableau DWH
+ Tap untuk insight
Pipeline cepat tapi kotor = keputusan bisnis salah. Etika data dimulai dari kualitas sumber.
2020 – 2023
3. Software Engineer
ASP.NET JavaScript SQL Server REST API Architecture
+ Tap untuk insight
Solusi cepat tanpa fondasi etis = technical debt mahal. AI output tanpa pemahaman = risiko arsitektur.
2023 – 2024
4. Full-stack & Data Architect
dbt Snowflake Airflow React Node.js
+ Tap untuk insight
Teknologi terbaik = yang paling sesuai konteks, bukan yang paling baru. Pragmatism > hype.
2025 – Now
Exploring
5. AI-Augmented Problem Solver
LLM Integration AI Pipelines RAG Prompt Eng. MCP
+ Tap untuk insight
  • Eksplorasi AI — tapi selalu tanya masalah nyata apa yang dipecahkan?
  • Deep dive ke root cause sebelum deploy model
  • AI sebagai amplifier, bukan pengganti critical thinking
  • Deliver solusi konkret untuk client — bukan proof of concept
Prinsip yang tidak berubah: garbage in = garbage out. Berlaku untuk data, prompt, dan keputusan bisnis.
10+
Tahun Pengalaman
Dari implementasi hingga AI-augmented delivery — setiap era membangun fondasi berikutnya.
5
Domain Dikuasai
Implementasi · Data Eng · Software Eng · Data Arch · AI Integration — end-to-end fluency.
1
Prinsip Tidak Berubah
Pahami akar masalah dahulu. Solusi tepat kemudian. Teknologi terbaik terakhir.

Di era AI yang bergerak cepat, keunggulan bukan pada siapa yang paling cepat adopsi tools terbaru — melainkan pada siapa yang cukup bijak untuk memahami masalah nyata sebelum memilih solusi.

— Dhani N.

A lifelong learner,
always exploring.

Code is my craft, the outdoors is my reset. I engineer the web with the same curiosity I bring to every new terrain.

"Move around, be nomadic, make each day a new horizon."

— Alexander Supertramp (Chris McCandless)
🚀
5+
Large Corporate Projects
Full
Stack
🌏
JKT
Based
🧭
Curiosity

Let's build
something together.

Have a project in mind or just want to connect? I'm always open to new opportunities and collaborations.

Location Jakarta, Indonesia
Say Hello