OPEN_PROJECTS
ABOUT_DEVELOPER
COPY_CONTACT
SYSTEM_REBOOT
SYSTEM_BOOT_SEQUENCE_V2.0
0%
INITIALIZING KERNEL...
SYSTEM_RECALL
Achievement Unlocked
Protocol Established (Email Copied)
Based in Jakarta, Indonesia

BUILD
SYSTEMS

I'm Dhit, a Software Developer building modern web applications, real-time communication, and reliable enterprise systems.

FRONTEND • FULL-STACK • REALTIME • OFFLINE-FIRST • SYSTEM DESIGN • CREATIVE DEV • FRONTEND • FULL-STACK • REALTIME • OFFLINE-FIRST • SYSTEM DESIGN • CREATIVE DEV •

SELECTED MISSIONS

Enterprise software. Real engineering challenges. Selected contributions.

Enterprise 001 / Real-Time Systems

REAL-TIMEPLATFORM

A unified communication platform for messaging, video meetings, and digital collaboration. My work focused on asynchronous events, participant states, connection recovery, and responsive interfaces.

Frontend / Software Developer

Vue.jsNuxt.jsPiniaSocket.IOLiveKitWebRTC
  • Private and group messaging, replies, mentions, and file sharing.
  • Video meetings with participant controls, adaptive layouts, breakout rooms, and Picture-in-Picture.
  • Automatic reconnection, encrypted client-side storage, and meeting state synchronization.
Private / internal application
Enterprise 002 / Offline-First Systems

OFFLINEENTERPRISE

An enterprise application built around local data persistence and responsive operation without a continuous connection. I worked on encrypted storage, background database processing, and modular frontend architecture.

Frontend / Software Developer

SvelteKitTypeScriptSQLiteIndexedDBOPFSWeb Workers
  • Local SQLite and OPFS storage with Web Crypto and AES-GCM encryption.
  • Background processing and clear repository, service, mapper, and state layers.
  • Hierarchical data, local assets, permission-aware interfaces, and outbox synchronization design.
Private / internal application
Enterprise 003 / Access Management

ACCESSCONTROL

A permission-aware frontend implementation that keeps navigation, actions, and module behavior consistent with assigned access rights. I centralized permission evaluation and reduced repeated access-checking logic.

Frontend Developer

SvelteKitTypeScriptModular ArchitectureAccess Management
  • Module and feature-level checks with permission-aware navigation.
  • Dynamic action visibility, role-aware rendering, and route-to-module mapping.
  • User administration and activity log interfaces; frontend checks complement server-side authorization.
Private / internal application

TECHNICAL LOADOUT

The tools behind my work. Proficiency reflects hands-on experience and self-assessment.

Advanced

VUE / NUXT

Frontend Engineering

Vue.js · Nuxt.js · Pinia · Nuxt UI

Advanced

JAVASCRIPT

Programming Languages

JavaScript · TypeScript (intermediate)

Advanced

WEB UI

Interface Development

HTML5 · CSS3 · Tailwind CSS · Responsive design

Intermediate

FRAMEWORKS

Component Systems

Svelte · SvelteKit · React.js · Vuetify

Intermediate

BACKEND

APIs & Integration

PHP · Laravel · Lumen · Node.js · REST APIs (advanced)

Intermediate

DATABASES

Data Persistence

PostgreSQL · MySQL · SQLite · IndexedDB

Intermediate

REALTIME

Communication Systems

WebSocket · Socket.IO · WebRTC · LiveKit

Intermediate

OFFLINE

Browser Infrastructure

OPFS · Web Workers · WebAssembly integration · Web Crypto · AES-GCM

Engineering & Development Tools

Git & GitHub AdvancedSoftware Debugging AdvancedComponent-Based Architecture AdvancedModular Architecture IntermediateSoftware Design Principles IntermediatePerformance Optimization IntermediateWeb Security Fundamentals IntermediateTesting & Quality Assurance IntermediatePM2 Intermediate

THE ALGORITHM

> EXECUTE_PHASE_01●

UNDERSTAND()

// Identify the problem and constraints.

Start with user needs, application behavior, and technical requirements. Break complex challenges into clear, manageable tasks.

> EXECUTE_PHASE_02●

ARCHITECT()

// Map the system and responsibilities.

Plan reusable components, service boundaries, state management, and data flows. Keep modules easy to maintain and extend.

> EXECUTE_PHASE_03●

BUILD()

// Turn the plan into working software.

Implement responsive interfaces, integrate APIs, and handle asynchronous events, permissions, and local data.

> EXECUTE_PHASE_04●

VERIFY()

// Debug, test, and improve.

Check edge cases, connection recovery, security, and performance. Collaborate with the team to deliver a reliable product.

MISSION LOGS

CURRENT ROLE

SOFTWARE DEVELOPER

PT Traspac Makmur Sejahtera

Developing and maintaining enterprise web applications with Vue.js, Nuxt.js, and SvelteKit. Working across frontend architecture, backend integration, real-time communication, and offline-first systems.

  • Real-time messaging and video meetings with Socket.IO, WebRTC, and LiveKit.
  • Encrypted local storage, client-side databases, and data synchronization.
  • Modular UI architecture, permission-aware interfaces, debugging, and performance improvements.
  • Collaborating with cross-functional teams throughout the development lifecycle.

Permanent employee since July 2026.

LEADERSHIP EXPERIENCE

ORGANIZATION LEADER

KOPPLING · SMK Negeri 2 Kota Bekasi

Led an extracurricular organization of approximately 20 members. Coordinated activities, delegated responsibilities, and encouraged collaboration and active participation.

  • Team coordination, communication, and organizational problem-solving.
GRADUATED 2025

VOCATIONAL GRADUATE

SMK Negeri 2 Kota Bekasi

Completed vocational secondary education with an interest in programming, web development, and software engineering. Built a foundation in databases, programming logic, and problem-solving.

Solve Problems.Build Systems.

Reliable software starts with clear thinking. I care about interfaces that feel responsive, code that stays maintainable, and technology that solves real-world problems.

Portrait of Aditya Dwi Saputra Nugraha
DhitSoftware Developer

The Developer / About Me

Aditya Dwi Saputra Nugraha

Software Developer · Frontend & Full-Stack Development

I'm a Software Developer based in Jakarta, Indonesia, specializing in modern web applications, real-time communication systems, and enterprise software development.

My experience spans frontend engineering, backend integration, client-side data management, and application architecture. I enjoy solving complex technical challenges and transforming ideas into reliable, maintainable, and user-friendly digital products.

I'm particularly interested in software architecture, system design, interactive web experiences, and building technology that solves real-world problems.

● LIVE STATUS

Current Mission

PT Traspac Makmur Sejahtera

Location

Jakarta, Indonesia

Exploring

Software architecture & system design

Availability

Open to opportunities & collaboration

THE BREAK ROOM

Merge code, squash bugs, match colors, find your typing flow, or throw some skills around. Your next commit can wait.

01 / NO RULES. JUST PHYSICS.

Make a little chaos.

Drag, throw, and crash the skills. Turn gravity off, add more blocks, and see what happens.

PHYSICS LAB
INTERACTIVE ZONE

SIDE QUESTS

Personal projects in browser interaction and full-stack fundamentals.

1945 WAR GAME repository preview PUBLIC REPOSITORY

Personal 004 / Browser Game

1945 WAR GAME

JavaScriptHTMLCSS
dheepASK anonymous Q&A platform interface PUBLIC REPOSITORY

Personal 005 / Web Application

dheepASK

Nuxt 4Vue 3TypeScriptTailwind CSS 4SupabasePostgreSQLEmoji MartPlaywright
KOPPLING student environmental community website homepage PUBLIC REPOSITORY

Community 006 / Organization Website

KOPPLING

Nuxt 2Vue 2JavaScriptVuetify 2Tailwind CSS 3Firebase StorageVue Carouselhtml-to-image
FOREKS extracurricular management application interface PUBLIC REPOSITORY

Personal 007 / Web Application

FOREKS

Nuxt 2Vue 2JavaScriptVuexVuetify 2Tailwind CSS 3AxiosQuillVue Carousel