Skip to content
Daniel Evan KhalfanyD·E·K

Daniel Evan Khalfany

i build interfaces that move with intention

scroll
JAKARTA — — : — — : — —

I write code like prose.

I treat motion as language.

I ship interfaces that don't apologize for being seen.

001/007
Watchly
001 / 2026

Watchly

Frontend DeveloperNext.js · TypeScript · TMDB API · React Query · Tailwind · Shadcn UI

An IMDb-style catalog for film and TV — browse trending, search the database, dig into cast and trailers. TMDB API for the data, TanStack Query keeps the cache warm.

VIEW CASE STUDY
Tahoe Chat
002 / 2026

Tahoe Chat

Fullstack DeveloperNext.js · TypeScript · Supabase · NextAuth · Shadcn UI · Tailwind

A realtime chat app dressed in macOS Tahoe glass — translucent surfaces, layered blur, live presence. Supabase Realtime carries the messages, NextAuth handles the door.

VIEW CASE STUDY
Church Management System
003 / 2026

Church Management System

Fullstack DeveloperNext.js · TypeScript · Prisma · NextAuth · Shadcn UI · Tailwind

A church-management toolkit — attendance, sermons, service rotations, announcements — shipped as a PWA so the congregation works offline at the building.

VIEW CASE STUDY
Sohnne
004 / 2026

Sohnne

Fullstack DeveloperNext.js · TypeScript · WordPress · NextAuth · Shadcn UI · Tailwind

Headless WordPress storefront for a US-market furniture brand. Next.js front-end with PayPal checkout, CMS team kept the workflow they knew.

VIEW CASE STUDY
Portfolio Website
005 / 2025

Portfolio Website

Frontend DeveloperReact · TypeScript · GSAP · Tailwind

An earlier personal portfolio — Awwwards-inspired motion language, GSAP-driven scroll choreography. The first swing before this rebuild.

VIEW CASE STUDY
Gabag Indonesia
006 / 2025

Gabag Indonesia

Fullstack DeveloperNext.js · TypeScript · Prisma · tRPC · NextAuth · Shadcn UI

E-commerce for nursing mothers — breast pumps, apparel, cooler bags, accessories. Midtrans for payments, Biteship for live shipping rates.

VIEW CASE STUDY
Vibee
007 / 2025

Vibee

Fullstack DeveloperNext.js · TypeScript · Clerk · Prisma · Neon · Shadcn UI

A pared-down Twitter clone — Clerk auth, Prisma over Neon Postgres, Shadcn UI. The minimum viable timeline.

VIEW CASE STUDY
NEXT.JS ·REACT ·TYPESCRIPT ·TAILWIND ·SHADCN UI ·GSAP ·FRAMER MOTION ·ZUSTAND ·TRPC ·REST API ·PRISMA ·POSTGRES ·NEXTAUTH ·RESEND ·MIDTRANS ·BITESHIP ·
01

LISTEN

Sit with the brief. Write it back in plain language. Find the question underneath the brief — the one that doesn't get spoken in the kickoff.

02

SKETCH

Pencil before pixel. Storyboards, scroll narratives, motion timing on paper. Cheap iterations beat expensive prototypes.

03

BUILD

TypeScript, GSAP, Lenis. Components named like sentences, animation functions named like verbs. Performance budgets enforced from commit one.

04

SHIP

Lighthouse green, axe clean, Safari quirks tamed. Vercel deploy, watching the funnel, ready to iterate on day two.

01/04
// EXP_01Jul 2024 — Jan 2026

PT. Gabag Indonesia

Fullstack Developer (Next.js)

  • Rebuilt the e-commerce platform from scratch on Next.js, TypeScript, Prisma ORM, and Neon Postgres — a full migration off WooCommerce.
  • PageSpeed mobile 19 → 76, desktop 51 → 94. A 4× improvement on mobile against the same catalog and the same network.
  • Designed and built a custom CMS to replace the WordPress admin — fewer settings, fewer dead fields, an admin the content team can run without help.
  • Integrated Midtrans for payments, Biteship for live shipping rates and tracking, and NextAuth + Resend for authentication with email verification.
  • Overhauled the visual identity from playful and inconsistent to prestigious, minimalist, and modern. Brand consistency became a component problem, not a stylesheet problem.
  • [Next.js]
  • [TypeScript]
  • [Prisma]
  • [Postgres]
  • [Midtrans]
  • [Biteship]
// EXP_02Feb 2023 — Feb 2024

PT. Bank Sinarmas, Tbk

Intern Software Engineer

  • Built an Access Control List system end-to-end with two other interns in roughly two months — role-based access management for admin and user roles in CodeIgniter 4.
  • Added two to three new pages to an internal data tool used by the Syariah division, working in a legacy ASP Classic codebase.
  • Wrote stored procedures in SQL Server Management Studio to surface customer data for daily operations.
  • Read enterprise React.js and Next.js codebases written by the senior engineering team — the foundation for everything I have written in Next.js since.
  • [CodeIgniter 4]
  • [ASP Classic]
  • [SQL Server]
2020 — 2024[GPA 3.70 / 4.00]

BINUS University

Bachelor of Information Systems — Digital Technology

Thesis

Enhancing Operational Efficiency and Productivity: A Comprehensive Analysis of Ginee ERP Implementation at Motorcycle Variation Shop

RÉSUMÉ

last updated: 2026-05 · 100kb · pdf

LET'S TALK.

danielevan454@gmail.com