2 min read

IDMP

tanstack-startreacttypescriptzustandreact-hook-formzodtailwindcssastryxvite-plus

Overview 🔗

IDMP is a marketplace pricing workspace for sellers who need to account for product cost, marketplace fees, operating costs, and target profit before publishing a price.

The calculator is built around Indonesian marketplace workflows and IDR, with English and Bahasa Indonesia support. Marketplace fee presets are illustrative, so sellers still need to verify the current terms for the marketplace they use.

Key Features 🔗

Pricing Calculator 🔗

Create pricing scenarios with marketplace presets, fee assumptions, target profit in either IDR or percentage terms, rounding, manual price overrides, and a calculation breakdown.

Marketplace Comparison 🔗

Compare pricing results across marketplace presets while keeping the underlying fee assumptions visible.

Local Price Book 🔗

Save and reload named pricing scenarios in the browser for repeated use.

Bilingual Interface 🔗

Switch between English and Bahasa Indonesia, with light and dark theme controls.

Demo Workspace 🔗

The protected workspace includes demo surfaces for orders, products, users, and settings. These pages use local demo data while the application is being connected to a real data provider.

Build Notes 🔗

Independent Pricing Logic 🔗

Pricing scenarios, fee calculations, marketplace comparisons, and the price book live in the pricing domain layer. The calculator is kept separate from authentication and workspace data so a future backend can be connected without changing the core interaction model.

TanStack Start Application 🔗

The app uses TanStack Start with React, TypeScript, Zustand, React Hook Form, Zod, Tailwind CSS, and the Vite+ toolchain. The repository includes focused tests for the calculator, price book, marketplace comparison, routes, and UI behavior.