Bari / 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

Skills,not a static list.

I focus on the shape of the challenge. The tools and details shift depending on what needs to be made, rather than a static list of logos.

Landing pages
Visual side01

Landing pages

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

HTML5Next.jsGSAP AnimationsSEO Layout
Forms
Interaction02

Forms

The part most people rush. I think about what to ask, in what order, and why.

React Hook FormZod SchemasUX Optimization
Dashboards
Systems03

Dashboards

Information that makes sense at a glance. The thinking goes into what to show, and what to leave out.

TableauExcel DataKPI Panels
Trackers
Ops04

Trackers

Turning scattered data into something you can actually follow. Less noise, more signal.

React NativeLocal CacheSupabase DB
AI helpers
Thinking05

AI helpers

Small, specific AI things. Not magic. Just thinking made a little faster.

PRD BuilderPrompt ChainsLLM APIs
Experiments
Learning06

Experiments

Things I build to think through an idea. Sometimes they turn into something real.

Framer MotionVite ToolsWeb Physics
Bots
Automation07

Bots

When a small, quiet tool does more than a complicated one would.

Node.jsExcel VBAWebhook Listeners
Games
Practice08

Games

Where I practice thinking through logic, timing, and interaction. While having fun.

Canvas loopsCollision MathSpeed Tuning
Landing pages
Visual side01

Landing pages

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

HTML5Next.jsGSAP AnimationsSEO Layout
Forms
Interaction02

Forms

The part most people rush. I think about what to ask, in what order, and why.

React Hook FormZod SchemasUX Optimization
Dashboards
Systems03

Dashboards

Information that makes sense at a glance. The thinking goes into what to show, and what to leave out.

TableauExcel DataKPI Panels
Trackers
Ops04

Trackers

Turning scattered data into something you can actually follow. Less noise, more signal.

React NativeLocal CacheSupabase DB
AI helpers
Thinking05

AI helpers

Small, specific AI things. Not magic. Just thinking made a little faster.

PRD BuilderPrompt ChainsLLM APIs
Experiments
Learning06

Experiments

Things I build to think through an idea. Sometimes they turn into something real.

Framer MotionVite ToolsWeb Physics
Bots
Automation07

Bots

When a small, quiet tool does more than a complicated one would.

Node.jsExcel VBAWebhook Listeners
Games
Practice08

Games

Where I practice thinking through logic, timing, and interaction. While having fun.

Canvas loopsCollision MathSpeed Tuning

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.

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 →
Warung Pos
Point of Sale System

Warung Pos

A clean, efficient point-of-sale web app for small stalls (warung) to track daily sales, expenses, and inventory.

ReactTypeScriptVite
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 BariBariI 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 BariMade with intention.