How it all started...
Growing up, I always had this question in my mind: how do things work? This curiosity began to grow into a passion for understanding how things work, and how to make them work better. Growing in a poor family is not easy, but I was able to graduate from university with a good GPA. Paid my own way through university by working a full-time career as a Software Engineer.
Layers
Properties
Name
Description
Examples
- Joined Apple Developer Academy to learn native development firsthand.
- Built projects with RAG and LLM fine-tuning while AI tooling evolved rapidly.
- Experimented with modern React and Next.js patterns through personal projects.
Engineer's Profile v1.0
~/profile/abui
Expertise
Frontend Engineer
Experience
5+ years
Stack
React · TypeScript
Interest
Currently Building
Life timeline
- 26
Working as a Product Engineer
2026 · Apple Developer Academy, Bali
- 26
Graduate of Computer Science
2026 · Telkom University · GPA 3.88
- 25
Working as a Frontend Engineer II
2025 · Evermos · Everpro
- 22
Working as a Senior Frontend Engineer
2022 · Dealls Jobs · KantorKu
- 21
Working as a Frontend Engineer
2021 · EKRUT
- 20
Graduate of Software Engineering
2020 · SMKN 1 Cimahi
- 19
Working as a Web Developer Intern
2019 · Svara
Product Engineer
Apple Developer Academy @ BINUS, Bali · Part-time
Park23, Kuta, Bali
I joined the academy to relearn how I build apps. Most of my career has been web front-ends; this is a deliberate turn toward iOS—Swift, design, and talking to users before writing code. Ten-month scholarship at Park23 with Apple and BINUS, working in small teams on challenge briefs that end in real apps.
- Took a step back from shipping web features fast to ask harder questions: does this app need to exist, and is it good on a phone?
Why I'm here
Rethink my app habits
Weekly challenges
Brief → ship in Swift
10-month cohort
Scholarship · Park23
Team mix
Design, dev, research
struct ChallengeApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
// Challenge-based learning
// Swift · UI/UX · User Research
Frontend Engineer II
Evermos · Full-time
Series C · 500–1,000 employees
Bandung, Indonesia
Built and maintained front-end systems for Everpro, Evermos' logistics platform serving 30,000+ sellers with multi-carrier shipping, COD disbursement, and API integrations.
Projects: Everpro Shipping Dashboard
- Developed and maintained scalable front-end systems using Next.js, React.js, TypeScript, and TailwindCSS and Monorepo
- Continuously improved development workflows, tooling, observable and performance (oxlint, MS Clarity, and Turborepo)
- Maintaining old system with Vue and Nuxt2
Vue to React migration
Modernized legacy front-end stack
Cutting edge tools
oxlint · MS Clarity · Turborepo
Monorepo frontend
Next.js · React · pnpm
Fast-paced environment
Real-time traffic at scale
export function ShippingDashboard() {
const { orders, carriers } = useShippingQueue();
return (
<DashboardLayout title="Everpro Shipping">
<BulkResiPanel orders={orders} />
<CarrierGrid carriers={carriers} />
</DashboardLayout>
);
}
// Next.js · TypeScript · Turborepo
Senior Frontend Engineer
Dealls Jobs (YC W22) · Full-time
Series Seed · 50–200 employees
Remote
Led front-end development for Dealls' job portal and KantorKu's all-in-one HRIS—platforms used by thousands of companies across Indonesia.
Projects: Kantorku.id, Dealls ATS
- Led and mentored a front-end team, providing technical guidance and code quality oversight
- Integrated AI tools to streamline development and boost team productivity
- Developed and maintained scalable front-end systems using Next.js, TypeScript, and TailwindCSS
- Collaborated with back-end engineers to ensure seamless API integration
- Conducted code reviews and implemented unit testing with Jest
- Continuously improved development workflows, tooling, and performance
Job portal & ATS
Dealls #LebihPasti
All-in-one HRIS
KantorKu platform
Team leadership
Front-end mentorship
Quality at scale
Jest · code reviews
export function ApplicantPipeline() {
const { stages, candidates } = useAtsBoard();
return (
<BoardLayout title="Dealls ATS">
<PipelineStages stages={stages} />
<CandidateCards items={candidates} />
</BoardLayout>
);
}
// Next.js · TypeScript · JestBli, Your Bali Local Friend
Role: Product + Engineer
Bli is an AI-powered local assistant designed to help residents and travelers discover real-time events, attractions, and activities across Bali. Coded in just 3 hours, Bli successfully win Build with AI: TRAE Friends@Bali Hackathon.
KochAI
KochAI is my bachelor thesis project — a fitness chatbot built to help users get clear, science-based answers to their health and training questions. It combines Retrieval-Augmented Generation (RAG) with Supervised Fine-Tuning, allowing it to pull insights from real scientific papers while also responding in a natural, easy-to-understand way.
GitGud
GitGud is an AI wrapper designed in Go that enhances the Git experience with AI-assisted commit message generation. It seamlessly wraps standard Git commands while introducing intelligent features to streamline your workflow.
