Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait Left
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
Portrait
////
Scroll

Dion Kobi
Portfolio

I'm Dion Kobi, a software developer and AI automation engineer crafting intelligent workflows, modern web applications, and scalable digital solutions.

[001] PROFIL & PERSPEKTIF

Dion Kobi

Software Developer // AI Automation

Transforming lines of code into real-world impact, engineering the future with precision.

Dion Kobi
LOCINDONESIA / GLOBAL
SPECIALTYSOFTWARE & AI AUTO
STANDARDCLEAN ARCHITECTURE
[CHAPTER 01]FILOSOFI UTAMA

I'm Dion Kobi, a Software Developer & AI Automation Specialist focused on building intelligent, high-performance systems.

I'm Dion Kobi, a software developer and AI automation engineer crafting intelligent workflows, modern web applications, and scalable digital solutions.

[CHAPTER 02]DETAIL PERJALANAN

I'm Dion Kobi, a software developer and AI automation engineer crafting intelligent workflows, modern web applications, and scalable digital solutions.

NEXT.JS 15
TYPESCRIPT
PYTHON
LLM ORCHESTRATION
AI AUTOMATION
AUTONOMOUS AGENTS
TAILWIND CSS
SYSTEM ARCHITECTURE
NEXT.JS 15
TYPESCRIPT
PYTHON
LLM ORCHESTRATION
AI AUTOMATION
AUTONOMOUS AGENTS
TAILWIND CSS
SYSTEM ARCHITECTURE
[002] TECH STACK & TOOLSPRODUCTION ARSENAL

Stack

Kumpulan teknologi modern, framework, bahasa pemrograman, dan infrastruktur yang saya gunakan untuk merekayasa aplikasi web berkinerja tinggi serta otomasi AI.

[01] CLIENT-SIDE & UI

Frontend Technologies

Arsitektur antarmuka modern, interaktivitas reaktif, sistem desain modular, dan standar visual web mutakhir berkinerja tinggi.

9 TECHNOLOGIES
01
React
ReactUI Library & Component Architecture
Library
02
Next.js
Next.jsApp Router, SSR & Edge Performance
Framework
03
Tailwind CSS
Tailwind CSSEngineering Tool
Tool
04
Bootstrap
BootstrapRapid Responsive UI Layouts
CSS
05
Framer Motion
Framer MotionProduction Physics & Fluid Gestures
Motion
06
TypeScript
TypeScriptType Safety & Enterprise Scalability
Language
07
JavaScript
JavaScriptDynamic Logic & Web Standards
Language
08
HTML5
HTML5Semantic Structure & Accessibility (a11y)
Markup
09
CSS3
CSS3Modern Layouts, Flexbox, Grid & Keyframes
Styling
[02] SERVER & AI ENGINES

Backend Technologies

Logika server berkecepatan tinggi, integrasi API enterprise, orkestrasi alur kerja AI, dan automasi pemrosesan data.

6 TECHNOLOGIES
01
Node.js
Node.jsAsynchronous Runtime & Microservices
Runtime
02
Express.js
Express.jsFast & Minimalist Web Framework for Node.js
Framework
03
Go
GoHigh-Performance Concurrency & Cloud Microservices
Language
04
Python
PythonAI Automation, Scripting & ML Workflows
Language
05
PHP
PHPServer-Side Scripting & Dynamic Backend
Language
06
Laravel
LaravelElegant MVC Architecture & Robust APIs
Framework
[03] STORAGE & STATE

Databases & ORMs

Sistem penyimpanan data relasional dan non-relasional terstruktur, optimasi query performa tinggi, dan ORM type-safe.

5 TECHNOLOGIES
01
PostgreSQL
PostgreSQLACID Relational Database & Complex Queries
SQL
02
MySQL
MySQLRelational Data Store & Structured Schemas
SQL
03
MongoDB
MongoDBDocument NoSQL Database & Flexible Models
NoSQL
04
Prisma
PrismaType-Safe ORM & Automated Migrations
ORM
05
Neon
NeonServerless Postgres & Branching Workflows
Cloud DB
[04] DEVOPS & RUNTIMES

Tools & Infrastructure

Ekosistem deployment global, version control kolaboratif, serta runtime desktop lintas platform yang ringan dan aman.

3 TECHNOLOGIES
01
Git
GitDistributed Version Control & Collaboration
DevOps
02
Vercel
VercelGlobal Edge Deployment & CI/CD Pipelines
Cloud
03
Tauri
TauriLightweight Cross-Platform Desktop Apps
Desktop
NEXT.JS 15
TYPESCRIPT
PYTHON
LLM ORCHESTRATION
AI AUTOMATION
AUTONOMOUS AGENTS
TAILWIND CSS
SYSTEM ARCHITECTURE
NEXT.JS 15
TYPESCRIPT
PYTHON
LLM ORCHESTRATION
AI AUTOMATION
AUTONOMOUS AGENTS
TAILWIND CSS
SYSTEM ARCHITECTURE
[003]

Projects

A collection of experiments, products, and digital artifacts forged in the void.

Kidney Stone Classification
Computer Vision / AI
2025

Kidney Stone Classification

Kassentix POS
Web Application / POS & AI
2026

Kassentix POS

Malendong Project
Web Platform / Education
2025

Malendong Project

NEXT.JS 15
TYPESCRIPT
PYTHON
LLM ORCHESTRATION
AI AUTOMATION
AUTONOMOUS AGENTS
TAILWIND CSS
SYSTEM ARCHITECTURE
NEXT.JS 15
TYPESCRIPT
PYTHON
LLM ORCHESTRATION
AI AUTOMATION
AUTONOMOUS AGENTS
TAILWIND CSS
SYSTEM ARCHITECTURE
Roadmap
[004]

Roadmap

A roadmap where I share the experiences I've gained throughout my software journey and the technologies I've learned.

01

2023

Began my software engineering journey by mastering the fundamentals of HTML & CSS, then diving deeper into programming logic with JavaScript and Python, building and launching my first web projects.

HTML5CSS3JavaScriptPython
23
02

2024

Deepened focus on modern user interfaces and participated in UI/UX Design competitions. Refined UX thinking, wireframing in Figma, and began adopting utility-first styling with Tailwind CSS and the React ecosystem.

UI/UX DesignFigmaTailwindCSSReactJavaScript
24
03

2025

Stepped into modern fullstack engineering and machine learning. Developed full-scale web applications with React, Next.js, Node.js, and databases, while exploring Computer Vision by training deep learning YOLOv8 models for medical image classification.

Next.jsTypeScriptNode.jsPythonYOLOv8PostgreSQL
25
04

2026

Operating as a Fullstack Developer & AI Integrator. Architecting production-grade platforms like Kassentix POS (multi-role system powered by LLMs) and the Malendong Project education platform, prioritizing high performance and intelligent systems.

Next.jsTypeScriptTailwindCSSLLM IntegrationPostgreSQL
26
NEXT.JS 15
TYPESCRIPT
PYTHON
LLM ORCHESTRATION
AI AUTOMATION
AUTONOMOUS AGENTS
TAILWIND CSS
SYSTEM ARCHITECTURE
NEXT.JS 15
TYPESCRIPT
PYTHON
LLM ORCHESTRATION
AI AUTOMATION
AUTONOMOUS AGENTS
TAILWIND CSS
SYSTEM ARCHITECTURE
[005]

Contact

Every great breakthrough starts with a single step. Let's push the boundaries and build something extraordinary together.

© 2026DION KOBI. All rights reserved.