WhatIkeepcomingbackto.
Ikeepcomingbacktothesamekindsofproblems:ideasthatneedshape,informationthatneedsstructure,interactionsthatneedtofeelobvious.Smallthingsthatworkquietly.
More about meInterface taste
Spacing, motion, hierarchy. The things that feel invisible when right and obvious when wrong. I think about these a lot.
Useful systems
Work that helps someone see clearly. Dashboards, forms, trackers, tools. The stuff that makes thinking easier.
Fast finishing
I like getting things to a real state. Not perfect. Just real enough to learn from.
How I work.
Start from the point
I spend more time on the question than the answer. What does this actually need to do?
Make it readable
If someone needs instructions to use it, I probably didn't think hard enough.
Keep it shippable
The version that exists beats the version that's perfect in my head.
SkillS
Capabilities
- •Full-Stack Web Apps
- •AI Helpers & Workflows
- •Interactive Dashboards
- •Trackers & Systems
- •Creative Web & Motion
Tech
- •Next.js / React
- •TypeScript / JavaScript
- •Tailwind CSS
- •GSAP / Framer Motion
- •Supabase / PostgreSQL
- •Node.js / REST APIs
- •Three.js / HTML5 Canvas
- •Vercel / Vite / Figma
Languages
- •TypeScript
- •JavaScript (ES6+)
- •Python
- •HTML5
- •CSS3
- •SQL (PostgreSQL)
- •Markdown / Prompting
Selected projectsI designed & built.
Each starts from a real problem. Choose a phase below to browse through the implementation scopes and see how they are structured.
Valoria
A dark-fantasy 2D action RPG with responsive melee combat, multi-hit combos, champion skills, and boss battles.
Bisik Desktop
Ultra-fast Whisper speech-to-text Windows utility with dynamic island floating widget, zero-disk I/O, and universal auto-paste.
Gudy
Interactive study companion and curriculum tracker for OSN, TKA Matematika, and Vocational Certifications.
Obsidian OX900
Luxury dark mode product landing page with smooth Framer Motion animations and interactive sound feature matrix.
Bloody A70 Gaming Mouse
Interactive gaming mouse showcase page featuring Light Strike 0.2ms optical switches, 360° scroll animation, and CPS benchmark tool.
SHODWE Brand Identity Kit
Ultra-stylish editorial website with interactive sections, GSAP ScrollTrigger, Lenis smooth scroll, and Framer Motion.
Apex Vector Jet Fighter
Interactive 3D browser-based jet fighter simulator built with Three.js engine and military HUD visual design.
PJBL POS Klinik
Web-based clinic management and POS system for medical records, patient queuing, and pharmacy billing.
Morpheus
An AI product planning tool for turning rough ideas into build-ready PRDs, scopes, and implementation prompts.
LessonHub
A class knowledge hub for turning scattered notes into summaries, tasks, glossaries, and study checklists.
PRD Prompt Builder
A small tool that turns rough product ideas into structured PRD prompts for AI-assisted planning.
Abitmorelikeme.
I'm Bari Hartanto Achmad
I make things because something happens when an idea is still vague. I have to know what it looks like when it's real. I care about structure, restraint, and the small details that make something feel considered, not just finished.- Layout rhythm
- Interaction clarity
- Useful automation
- Finishing details
- Next.js & React
- Tailwind & motion
- APIs & data
- AI workflows