Bari Hartanto Achmad / full-stack developer

MakingthingsItrulymean.

I design and create things. Most ideas don't survive honest thinking. The ones that make it through are worth making.

Interfaces / dashboards / AI helpers / automation

Build stackBrief / Interface / Motion / Ship

WhatIkeepcomingbackto.

Ikeepcomingbacktothesamekindsofproblems:ideasthatneedshape,informationthatneedsstructure,interactionsthatneedtofeelobvious.Smallthingsthatworkquietly.

More about me
01

Interface taste

Spacing, motion, hierarchy. The things that feel invisible when right and obvious when wrong. I think about these a lot.

02

Useful systems

Work that helps someone see clearly. Dashboards, forms, trackers, tools. The stuff that makes thinking easier.

03

Fast finishing

I like getting things to a real state. Not perfect. Just real enough to learn from.

How I work

  • Start from the pointI spend more time on the question than the answer. What does this actually need to do?
  • Make it readableIf someone needs instructions to use it, I probably didn't think hard enough.
  • Keep it shippableThe version that exists beats the version that's perfect in my head.

Things I keep exploring

InterfacesDashboardsAutomationAI toolsMotionData views
Skill System & Interactive Model

Skills,not a static list.

I focus on the shape of the challenge. Scroll to rotate the interactive 3D model, or select any skill node to explore tools and outcomes.

Active Domain

Landing pages

Drag to rotate
Landing pages
Visual side

Landing pages

Pages that give an idea a face. Structure, clarity, and something worth showing.

Tech & Tooling Stack
HTML5Next.jsGSAP AnimationsSEO Layout

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.

Bisik Desktop
AI Speech-to-Text & Windows Utility

Bisik Desktop

Ultra-fast Whisper speech-to-text Windows utility with dynamic island floating widget, zero-disk I/O, and universal auto-paste.

Python 3.11PySide6 (Qt)Groq LPU (Whisper)
View details →
Gudy
Exam & Competency Study Tracker

Gudy

Interactive study companion and curriculum tracker for OSN, TKA Matematika, and Vocational Certifications.

Next.jsReact NativeTypeScript
View details →
Obsidian OX900
High-End Audio Showcase

Obsidian OX900

Luxury dark mode product landing page with smooth Framer Motion animations and interactive sound feature matrix.

React 18ViteFramer Motion
View details →
Bloody A70 Gaming Mouse
Gaming Hardware & Product Showcase

Bloody A70 Gaming Mouse

Interactive gaming mouse showcase page featuring Light Strike 0.2ms optical switches, 360° scroll animation, and CPS benchmark tool.

HTML5CSS3JavaScript
View details →
SHODWE Brand Identity Kit
Haute Couture & Brand Identity Kit

SHODWE Brand Identity Kit

Ultra-stylish editorial website with interactive sections, GSAP ScrollTrigger, Lenis smooth scroll, and Framer Motion.

React 19ViteGSAP
View details →
Apex Vector Jet Fighter
Arcade 3D Flight Simulator Game

Apex Vector Jet Fighter

Interactive 3D browser-based jet fighter simulator built with Three.js engine and military HUD visual design.

HTML5Three.jsWebGL
View details →
PJBL POS Klinik
Healthcare & Clinic POS System

PJBL POS Klinik

Web-based clinic management and POS system for medical records, patient queuing, and pharmacy billing.

Next.jsTypeScriptTailwind CSS
View details →
Morpheus
AI Product Planner

Morpheus

An AI product planning tool for turning rough ideas into build-ready PRDs, scopes, and implementation prompts.

React 19TypeScriptVite
View details →
LessonHub
Student AI Workspace

LessonHub

A class knowledge hub for turning scattered notes into summaries, tasks, glossaries, and study checklists.

ReactTypeScriptVite
View details →
PRD Prompt Builder
AI Planning Tool

PRD Prompt Builder

A small tool that turns rough product ideas into structured PRD prompts for AI-assisted planning.

React 19TypeScript 5.8Vite 7.0
View details →

Abitmorelikeme.

I'm Bari Hartanto AchmadBari Hartanto AchmadI 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.
What I notice
  • Layout rhythm
  • Interaction clarity
  • Useful automation
  • Finishing details
Tools I reach for
  • Next.js & React
  • Tailwind & motion
  • APIs & data
  • AI workflows

Gotsomethingworththinkingthrough?

INTERFACES
SYSTEMS
TOOLS
MOTION
IDEAS
EXPERIMENTS
INTERFACES
SYSTEMS
TOOLS
MOTION
IDEAS
EXPERIMENTS
INTERFACES
SYSTEMS
TOOLS
MOTION
IDEAS
EXPERIMENTS
INTERFACES
SYSTEMS
TOOLS
MOTION
IDEAS
EXPERIMENTS
© 2026 Bari Hartanto AchmadMade with intention.