Know Me Better!

I’m an Automation Engineer with a strong focus on building reliable testing systems and streamlining development workflows. As a freelance Software Engineer, I work across various tech stacks to deliver efficient and scalable solutions for clients. I'm also a passionate blockchain enthusiast, constantly exploring smart contracts, decentralized applications, and the future of Web3. With a blend of automation expertise and curiosity in emerging technologies, I enjoy solving complex problems and bringing high-impact ideas to life.

What I Do

Next.js SaaS Landing Page

Next.js SaaS Landing Page

Landing page dinamis dengan Tailwind dan animasi Framer Motion.

Blockchain Explorer Mini

Blockchain Explorer Mini

Aplikasi React yang menampilkan transaksi dan blok Ethereum.

DeFi Dashboard

DeFi Dashboard

Dashboard analitik DeFi dengan grafik real‑time dan wallet connect.

AI Image Generator UI

AI Image Generator UI

Frontend sederhana untuk menghasilkan gambar menggunakan OpenAI DALL·E.

Experience

Senior Full-stack Developer

· PT. Kreasi Digital Nusantara

2023 – Sekarang

Memimpin tim kecil membangun platform e-commerce skala nasional menggunakan Next.js, NestJS, dan PostgreSQL. Berhasil meningkatkan TTI (Time-to-Interactive) hingga 35 %.

Web & Blockchain Engineer

· Freelance

2020 – 2023

Mengembangkan lebih dari 15 proyek web-app dan kontrak ERC-20/ERC-721 untuk klien global, termasuk integrasi IPFS dan Pinata.

Writing

/
UI/UXFrontendBest Practices

Functional UI is reshaping how we build and reason about interfaces. By decoupling logic from presentation, developers gain reusable, composable components that remain predictable…

/
JavaScriptConceptsFundamentals

Closures sit at the heart of JavaScript’s flexibility. They allow inner functions to remember the lexical environment in which they were created, long after the outer function has…

/
ReactPerformanceFrontend

Modern users abandon slow sites in seconds, so performance is a product feature. React provides granular hooks—`memo`, `useMemo`, `useCallback`—that help skip needless renders. Com…

/
TypeScriptToolingDeveloper Experience

TypeScript overlays JavaScript with a powerful, gradual type‑system that flags many classes of bugs before code ever reaches production. In large teams, explicit types double as li…

/
AccessibilityDesign SystemsCSS

Dark mode is more than a trendy toggle; it can reduce eye strain, extend OLED battery life, and accommodate users with certain visual impairments. But accessibility demands suffici…

Built with Next.js, Tailwind CSS & Strapi