Creative
Developer
I architect and engineer high-performance web systems and interactive digital experiences. My focus: clean architecture, fluid interaction, AI integration, and production-ready reliability.
Tipen — Full-Stack & Creative Engineer
Hello, I am Daniel Steven (known as Tipen), an independent software engineer and creative web developer based in Jakarta, Indonesia. I build modern web applications, AI-assisted productivity tools, headless CMS portals, and interactive 3D web systems.
My real-world work spans full-stack production platforms: from founding RuangKarya Studio (a digital agency platform with real-time order tracking and Three.js 3D), developing Belajar.ai (an intelligent AI assistant that reads documents and answers questions accurately with page citations), converting SMP Permata Bunda into a high-speed Next.js Serverless CMS portal, to building Chord Noter (a smart transpose editor for musicians) and NebulaHeart 3D (an AI gesture-controlled 3D particle simulation).
I care deeply about architecture, speed, and tactile elegance: code that is maintainable on the backend, instantaneous on the frontend, and memorable to the user.
// At A Glance
What I Build
Next.js & Full-Stack Systems
Next.js · React · TypeScript · MongoDB · Serverless
High-performance web applications built on Next.js App Router with server actions, native MongoDB document modeling, edge caching, and automated deployment on Vercel.
Smart AI & Document Assistants
OpenAI GPT-4o · Smart Doc Chat · Live Streaming · Natural NLP
AI systems that read and understand your own files (PDF, Word, TXT) and answer questions with exact page references—so the AI never invents false information—with answers streaming instantly word-by-word.
Creative Front-End & 3D Interactive
Three.js · PyOpenGL · WebGL · Lenis · Framer Motion · GSAP
Fluid interactive 3D web experiences, inertia scroll physics, computer vision gesture interaction with MediaPipe, and micro-interactions built with 60 FPS discipline.
Headless CMS & Client Portals
Admin Dashboards · Edge JWT · QRIS Payments · Order Tracking
Custom administrative portals for organizations (school CMS, student portals, MSME agency order tracking) with stateless Edge authentication and local payment integrations.
What is a Creative Developer?
A creative developer works where design meets code. They build interactive, animated, and often 3D web experiences where motion and interaction are fundamental parts of the message.
Compared with a Traditional Front-End Developer
A standard front-end developer builds reliable functional interfaces: forms, dashboards, and CRUD tables. A creative developer starts from the exact same foundations (HTML, CSS, JavaScript, React), but specializes in what users perceive emotionally: real-time GPU rendering, fluid kinetic motion, and tactile response.
Compared with a Designer
The designer imagines the experience and creates static Figma mockups. The creative developer makes it real inside the browser: tuning easing curves, writing custom shaders, optimizing 60-120 FPS framerates, and making the design feel natural on every device from high-end desktops to mobile screens.
How I Work
Purpose-Built & Function Over Fluff
I prioritize real user value over superficial decoration. Every feature must solve a tangible problem—like live order tracking in RuangKarya, an effortless school CMS in SMP Permata Bunda, or instant 1-click chord transposition in Chord Noter.
Lightweight, Fast & Mobile-First
Code is engineered with Next.js and MongoDB for sub-second page loads. Performance is tuned for mobile screens first, ensuring zero lag, low battery drain, and efficient data usage without unnecessary sluggish libraries.
Transparent & Ready For You To Manage
Direct communication in plain language with no tech jargon. Projects are delivered fully tested and accompanied by intuitive admin dashboards so you can easily manage and update your content independently.