About
Software is only useful when it solves real needs, but it is only durable when built on maintainable code. My work centers on bridging the gap between product requirements and clean frontend engineering, prioritizing developer experience alongside end-user utility.
I focus on building maintainable frontend architectures, performance benchmarks, and accessible user flows. Based in Indonesia, I primarily work with React, Next.js, TypeScript, Node.js, and modern web technologies to build interfaces that scale.
Currently working with
Next.js · React · TypeScript · Node.js · PostgreSQL · Linux
Working Principles
Build software people can rely on.
Performance should be expected, not advertised.
Complexity is a cost.
Maintainability always wins over cleverness.
Skills & Expertise
An engineering toolkit structured around building maintainable products and stable architectures.
Frontend Systems
Building performant interfaces, fluid rendering loops, and modular design architectures.
React · Next.js · TypeScript · Tailwind CSS · Redux · Framer Motion
Backend Infrastructure
Designing data models, secure server APIs, and stable relational database systems.
Node.js · Express · PostgreSQL · MongoDB · REST API · GraphQL
Developer Tools
Optimizing local workspace pipelines, version control loops, and container environments.
Git · GitHub · Docker · Linux · Vercel · CI/CD
Design & UX
Prototyping responsive layouts, typographic scale structures, and pixel-level interfaces.
Figma · Web Performance · Typography · Accessibility · SEO
Featured Work
A selection of web products showcasing technical craftsmanship, clean code patterns, and UI engineering details.
Next.js · TypeScript · Stripe · Tailwind CSS · PostgreSQL
E-Commerce Platform
A full-featured e-commerce platform with product catalog, shopping cart, and checkout process. Integrated with payment gateway and admin dashboard for inventory management.
Role: Lead Full Stack Developer
Challenge: Building secure Stripe webhook processing without race conditions.
React · Firebase · Tailwind CSS · Framer Motion
Task Management App
A collaborative task management application with real-time updates, team collaboration features, and advanced filtering. Built with modern React patterns and optimized performance.
Role: Solo Creator
Challenge: Optimizing client-side Firestore cache synchronization to reduce read queries.
Next.js · Chart.js · Tailwind CSS · Node.js
Analytics Dashboard
An interactive analytics dashboard with real-time data visualization. Features multiple chart types, filtering options, and exportable reports.
Role: Frontend UI Engineer
Challenge: Configuring canvas rendering hooks to prevent re-render spikes during updates.
React · Node.js · MongoDB · Socket.io
Social Media App
A social networking application with user profiles, feed, messaging, and notifications. Real-time updates powered by WebSocket technology.
Role: Full Stack Engineer
Challenge: Implementing connection heartbeat monitors to handle client disconnect drops.
Next.js · Framer Motion · Tailwind CSS
Portfolio Website
A modern, responsive portfolio website showcasing projects and skills with smooth animations and dark mode support.
Role: UX Designer & Developer
Challenge: Preventing FOUC (Flash of Unstyled Content) during theme hydration in SSR builds.
Next.js · OpenAI · Prisma · PostgreSQL
AI Content Generator
An AI-powered content generation tool with multiple writing styles and templates. Integrated with OpenAI API for advanced language processing.
Role: Solo Developer
Challenge: Parsing OpenAI streams into React state for real-time text delivery.
Professional Journey
My engineering progression, building features, designing component APIs, and scaling frontend applications.
TechCorp Solutions
Full-timeLeading frontend development and architecture decisions for multiple client projects.
- Architected and implemented a component library used across 10+ projects
- Improved application performance by 40% through code optimization
- Mentored 3 junior developers on React and Next.js best practices
- Reduced bundle size by 35% through strategic code splitting
React · Next.js · TypeScript · Tailwind CSS · Redux
Digital Design Studio
Full-timeDeveloped full-stack web applications for various clients across different industries.
- Built 15+ production-ready web applications
- Implemented CI/CD pipelines reducing deployment time by 60%
- Designed and optimized PostgreSQL databases for high-traffic applications
- Created comprehensive documentation and technical guides
React · Node.js · PostgreSQL · MongoDB · Docker
Startup Hub
Full-timeStarted my professional journey working on various frontend projects and learning modern web development.
- Developed responsive UI components using React
- Collaborated with design team to implement pixel-perfect designs
- Learned and applied best practices in web development
- Contributed to open-source projects
React · JavaScript · Tailwind CSS · Git
Contact
If you have an opportunity, project, or simply want to connect, I'd be happy to hear from you.