Full Stack Software Engineer
Engineering high-performance web applications, in-browser WASM database engines, and real-time business intelligence systems with TypeScript, React 19, and Next.js 16.
// 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" };
Interactive, browser-based SQL query engine and schema inspector. Execute queries, analyze database tables, and visualize relational datasets completely client-side.
Comprehensive business intelligence and financial operational dashboard built for Micro, Small, and Medium Enterprises (UMKM) to track revenue, inventory, and sales KPIs.
Distraction-free, high-performance markdown notebook and knowledge management tool with instant full-text search, tag taxonomy, and local-first privacy.
Comprehensive documentation repository and interactive study platform for Pranata Komputer certification modules, covering enterprise IT architecture and governance.
Next-generation developer portfolio and knowledge platform built with Next.js 16, React 19, and Fumadocs UI featuring high-contrast themes and interactive widgets.
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.
Non-blocking background thread executing queries safely.
Windowed tabular viewport rendering 50,000+ rows efficiently.
Real-time parsing of table schema, foreign keys, and indexes.
Instant dataset ingestion into in-memory database tables.
// 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 });
};
});
}Available for senior full stack software engineering roles, technical advisory, and select freelance builds. Feel free to reach out directly.
Best way for project inquiries and formal proposals.
Explore open-source repositories, WASM experiments, and public code.
Connect professionally, view employment history, and send direct messages.