Available for Collaboration

Eko Supriyono

Senior Full Stack Software Engineer

Engineering high-performance enterprise platforms, air-gapped enterprise messaging systems, and in-browser WASM database engines with TypeScript, React 19, and Next.js 16.✦ Also available for technical advisory and high-impact custom builds.

// Eko Supriyono - Profile Spec
export const profile = {
  role: "Full Stack Software Engineer",
  specialization: [
    "Client-side WASM Relational Databases",
    "Business Intelligence & Analytics Platforms",
    "Local-first Markdown Engines"
  ],
  status: "Available for select engineering roles",
  location: "Indonesia"
};
ISO / IEC 25010 Quality StandardsUTF-8 • TSX
7+ Yrs
Engineering Experience
4+ Systems
Gov & Enterprise Systems
8+ Repos
Public Repos & Demos
SPBE Ready
Security Compliance
Selected Engineering Work

Projects & Case Studies

Distinguishing enterprise production systems operating under strict air-gapped constraints from open-source & in-browser technical demonstrations.

01
Case StudyEnterprise AI Platform

SatuChat Enterprise Chatbot Orchestration

Multi-Tenant Isolation & Enterprise-Grade RAG Pipeline

Multi-tenant RAG-powered enterprise chatbot platform with hybrid vector search, knowledge base management, LLM gateway routing, and tool-augmented AI agents - 110+ features across 12 modules.

  • -Hybrid RAG retrieval (dense + sparse BM25) with semantic caching for token savings
  • -Multi-provider LLM gateway: Azure, Ollama, OpenAI-compatible with circuit breaker
  • -Tool-augmented agents: Text2SQL on live databases + web search enrichment
Django 5 + Ninja APICelery + RedisQdrant Vector DBAzure OpenAI / OllamaPostgreSQLDocker + Nginx
02
Case StudyEnterprise System

Enterprise Data Integration Gateway

Strict Multi-Tenant Governance & Air-Gapped Deployment

Multi-agency interoperability platform and API gateway enabling secure data exchange and real-time analytics across enterprise databases.

  • -Unified API catalog for cross-department data pipelines
  • -Role-based access matrix with multi-level security redaction
  • -Automated compliance report generator for audits
Next.js 16TypeScriptPostgreSQLApache Kafka / RabbitMQTailwind CSS
03
Case StudyEnterprise CMS

Enterprise Portal CMS

Multi-Tenant Portal & Air-Gapped Kubernetes Deployment

Multi-tenant enterprise portal and secretarial management system with CMS, document workflow, event management, and SSO integration serving 12+ organizational units under air-gapped Kubernetes infrastructure.

  • -Multi-tenant architecture serving 12+ organizational units with shared CMS core
  • -SSO integration via django-allauth with centralized identity provider
  • -20+ embedded modules: knowledge management, quiz, accreditation, innovation gallery
Django 5.2PostgreSQL + MinIODjango Unfold AdminHTMX + Alpine.jsKubernetes + DockerRedis + Celery
04
Case StudyEnterprise Learning Platform

Enterprise Learning Center (LMS)

National-Scale LMS & AI-Powered Knowledge Management

Enterprise LMS with AI-driven knowledge management system, serving thousands of employees with adaptive learning paths, automated assessment, and RAG-powered intelligent search across 20+ microservices.

  • -AI-powered knowledge management with RAG-driven semantic search across learning content
  • -20+ microservices: LMS core, proctoring, certification, reporting, mobile API
  • -Automated report generation & adaptive learning path recommendation engine
Spring Boot + QuarkusNext.js 16LangChain + RAG PipelinePostgreSQL + ElasticsearchRabbitMQ + RedisDocker + Harbor Registry
05
Live DemoDatabase & Tools

SQL Explorer Engine

Interactive, browser-based SQL query engine and schema inspector. Execute queries, analyze database tables, and visualize relational datasets completely client-side.

  • -Client-side zero-latency SQL execution
  • -Interactive table schema visualizer
  • -Export query results to CSV/JSON
TypeScriptReact 19SQLite / WASMTailwind CSSSQL
06
Live DemoBusiness Intelligence

UMKM Analytics Dashboard

Comprehensive business intelligence and financial operational dashboard built for Micro, Small, and Medium Enterprises (UMKM) to track revenue, inventory, and sales KPIs.

  • -Real-time revenue & expense tracking
  • -Inventory alerts & breakdown
  • -Exportable financial summaries
React 19TypeScriptTailwind CSSRechartsNext.js 16
07
Live DemoProductivity

KNotes Markdown Workspace

Distraction-free, high-performance markdown notebook and knowledge management tool with instant full-text search, tag taxonomy, and local-first privacy.

  • -Instant full-text index & search
  • -Live split-screen preview
  • -Local-first offline sync
React 19TypeScriptMarkdownTailwind CSSIndexedDB
08
Live DemoWeb

Engineering Portfolio & Knowledge Base

Personal portfolio site and technical knowledge repository showcasing enterprise architecture case studies, interactive demos, and engineering deep dives — built with cutting-edge frontend stack.

  • -Enterprise architecture case studies & system design deep dives
  • -Interactive code playgrounds & live demo showcases
  • -Dark/light mode with responsive design
Next.js 16TypeScriptTailwind CSSMDXCloudflare Pages
Engineering Architecture

System Design & Pipelines

In-Browser SQLite WASM Query Pipeline

SQL Explorer

SQL Explorer runs a complete SQLite relational engine directly in the browser web worker thread, providing zero-latency SQL execution without transmitting database content to remote servers.

SQLite WASM Web Worker

Non-blocking background thread executing queries safely.

Virtual Table Renderer

Windowed tabular viewport rendering 50,000+ rows efficiently.

Schema Introspector

Real-time parsing of table schema, foreign keys, and indexes.

Client-Side CSV/JSON Parser

Instant dataset ingestion into in-memory database tables.

implementation.tsTypeScript
// SQL Explorer Query Execution Pipeline
import initSqlJs from '@jlongster/sql.js';

export async function executeBrowserQuery(dbInstance, sqlQuery: string) {
  const worker = new Worker('/sql-worker.js');
  
  return new Promise((resolve) => {
    worker.postMessage({ type: 'EXECUTE', query: sqlQuery });
    worker.onmessage = (event) => {
      const { results, executionTimeMs } = event.data;
      resolve({ rows: results[0]?.values || [], fields: results[0]?.columns || [], time: executionTimeMs });
    };
  });
}
Technical Competencies

Engineering Arsenal

Frontend & UI Systems

TypeScriptStrict type safety & generic architectures
React 19 & Next.js 16Server components, SSR/SSG & App Router
Tailwind CSSCustom design systems & responsive utility UI
State ManagementContext, TanStack Query, reactive stores

Backend & Runtime

Node.jsREST APIs, GraphQL, microservices
Python / DjangoData analysis, backend services, Django ORM
REST & GraphQL APIsSchema definitions, payload optimization

Database & Storage

SQLite / WASMClient-side relational query engines
PostgreSQLRelational modeling, indexing, performance tuning
IndexedDBLocal-first browser storage & persistence

DevOps & Tooling

DockerContainerization & multi-stage build pipelines
Git & CI/CDGitHub Actions, automated test & build runners
Cloud & DeploymentCloudflare Workers, Vercel, AWS infrastructure
Team & Peer Recognition

Social Proof & Testimonials

Feedback from team leads, solution architects, and engineering peers across enterprise software projects.

Peer Endorsement

Eko has an exceptional ability to design resilient architectures under strict air-gapped enterprise constraints. His attention to system performance and security compliance made a critical difference in our deployment.

T

Team Lead

Enterprise Tech Unit

Architecture Peer

Extremely reliable full stack engineer. Eko turned complex operational requirements into intuitive dashboards and high-speed data pipelines ahead of schedule.

S

Senior Solution Architect

Enterprise Systems Partner

Project Lead

Technical depth combined with clear communication. He bridges the gap between low-level technical execution and executive stakeholder deliverables seamlessly.

P

Project Manager

Enterprise IT Infrastructure

Contact & Communication

Get in Touch

Primary channel for enterprise proposals & senior engineering roles via Email. Secondary channel for quick chats & local client inquiries via WhatsApp.

Primary Channel
Direct Email

hello@ekos.my.id

Best for formal proposals, enterprise roles, and detailed project specifications.

Secondary / Quick Chat
WhatsApp Messaging

Quick Chat

Ideal for fast responses, local Indonesian client queries, and informal discussions.

Start Quick Chat →
Professional Networks

GitHub & LinkedIn

Review public repositories, career history, and technical writeups.