CRAFTING SEAMLESS
HIGH-PERFORMANCE WEB EXPERIENCES
Learning is how I'm wired, and frontend development is where I put it to work. I care about the details that make an interface feel right: matching the design to the pixel, keeping it fast on a mid-range phone, and handling the slow, empty and error states that real APIs produce. I work with React, Next.js and JavaScript/TypeScript, and I back my code with automated tests and CI. Based in Indonesia.
SELECTED WORK
Bilingual website for a fictional cliffside resort, with scroll-driven storytelling on the home page.
- Next.js
- TypeScript
- Tailwind CSS
- +1
Website for a fictional architecture and interior studio, leading every visitor to a conversation on WhatsApp.
- Next.js
- TypeScript
- Tailwind CSS
- +1
Social media app with a feed, posts, comments, likes, saves, follows and profiles, built on a REST API.
- Next.js
- TypeScript
- TanStack Query
- +2
Library web app for browsing, borrowing and reviewing books, with an admin area for books, users and loans.
- React
- TypeScript
- Vite
- +2
Restaurant ordering app: browse and filter restaurants, manage a cart, check out and track orders.
- Next.js
- TypeScript
- TanStack Query
- +2
Movie discovery app on the TMDB API with trending titles, search, cast and trailers, and a persistent favorites list.
- React
- TypeScript
- TanStack Query
- +2
Bilingual website for a fictional cliffside resort, with scroll-driven storytelling on the home page.
- Next.js
- TypeScript
- Tailwind CSS
- +1
Website for a fictional architecture and interior studio, leading every visitor to a conversation on WhatsApp.
- Next.js
- TypeScript
- Tailwind CSS
- +1
Social media app with a feed, posts, comments, likes, saves, follows and profiles, built on a REST API.
- Next.js
- TypeScript
- TanStack Query
- +2
Library web app for browsing, borrowing and reviewing books, with an admin area for books, users and loans.
- React
- TypeScript
- Vite
- +2
Restaurant ordering app: browse and filter restaurants, manage a cart, check out and track orders.
- Next.js
- TypeScript
- TanStack Query
- +2
Movie discovery app on the TMDB API with trending titles, search, cast and trailers, and a persistent favorites list.
- React
- TypeScript
- TanStack Query
- +2
Responsive, animated company-profile landing page with a light and dark theme toggle.
- React
- TypeScript
- Vite
- +2
To-do app in vanilla JavaScript with task priorities, progress tracking and localStorage persistence.
- HTML
- CSS
- JavaScript
- +3
WHAT I DO
Precise interfaces, reliable data flows, and code that is easy to maintain.
Design-to-Code
Turning design specs from tools like Figma into responsive, pixel-accurate interfaces with React, Next.js and Tailwind CSS.
Data-Driven Features
Building complete flows (authentication, forms, cart and checkout) on real REST APIs with TanStack Query.
Quality & Delivery
Shipping typed, tested code: TypeScript, automated tests and CI on every repo.
SKILLS THAT BRING IDEAS TO LIFE
Core
- HTML
- JavaScript
- TypeScript
- React
- Next.js
- Vite
- React Router
Styling & UI
- CSS
- Tailwind CSS
- Radix UI
- shadcn/ui
- Framer Motion
Data & State
- TanStack Query
- Redux Toolkit
- Zustand
- React Hook Form
- Zod
- Axios
Quality & Delivery
- Vitest
- Testing Library
- ESLint
- Lighthouse
- Git
- GitHub Actions
- Vercel
Design Handoff
- Figma
WHY CHOOSE ME?
WORKING WITH ME
Pixel-accurate design implementation15+ years running my own companiesAutomated testsCI on every repositoryLighthouse 90+ on mobileReal REST API integrationWHAT YOUR TEAM GETS
Less back-and-forth between design and devOwnership, clear communication and deadlines met without micromanagementChanges ship with confidenceBroken builds caught before they reach mainFast pages for every user, better SEOReady to work with your backend from day oneMY JOURNEY
The go-to consultant for my classmates' PC builds, then ran my own internet café, installing and maintaining every machine and the whole network myself.
The go-to consultant for my classmates' PC builds, then ran my own internet café, installing and maintaining every machine and the whole network myself.
Managed a wind-turbine division, including a study visit to Germany to learn from the wind-energy industry there.
Managed a wind-turbine division, including a study visit to Germany to learn from the wind-energy industry there.
Ran my own construction company for 15 years, and now own a liquid organic fertilizer manufacturer with day-to-day operations delegated. That ownership is how I work today.
Ran my own construction company for 15 years, and now own a liquid organic fertilizer manufacturer with day-to-day operations delegated. That ownership is how I work today.
From Fortran at university to the modern web: started coding again through freeCodeCamp, graduated from an intensive frontend bootcamp with an A, earned freeCodeCamp certificates, and built the projects on this page.
From Fortran at university to the modern web: started coding again through freeCodeCamp, graduated from an intensive frontend bootcamp with an A, earned freeCodeCamp certificates, and built the projects on this page.
FREQUENTLY ASKED QUESTIONS
What technologies do you specialize in?
React and Next.js with TypeScript and Tailwind CSS, implementing designs from Figma or similar tools pixel-accurate. For data, I use TanStack Query with REST APIs, and Zustand or Redux Toolkit for client state.
Do you work on both design and development?
I focus primarily on frontend development, translating UI/UX designs into responsive and interactive web experiences. However, I collaborate closely with designers to ensure a seamless user experience.
Can you optimize an existing website for better performance?
Yes! I can analyze, debug, and optimize websites to improve speed, accessibility, and SEO, using best practices like lazy loading, code splitting, and performance monitoring.
Are you open to full-time or contract roles?
Yes, both. I'm looking for remote frontend roles and can adjust my working hours to overlap with your team's time zone.
How do you approach a new project?
I start from the available design, whether in Figma or a similar tool, and the API docs, then break the interface into reusable components, connect them to real data, and cover the key flows with tests and CI before deploying.
How do you work with a remote team?
I keep communication clear and written: regular progress updates, questions raised early, and blockers flagged before they turn into delays.
React and Next.js with TypeScript and Tailwind CSS, implementing designs from Figma or similar tools pixel-accurate. For data, I use TanStack Query with REST APIs, and Zustand or Redux Toolkit for client state.
