MoldNote
제조업체의 금형 제작 프로세스와 원가 관리를 디지털화한 전사적 관리 시스템입니다. 작업자의 일일 작업일지 작성부터 관리자의 결재 승인, 금형별 상세 원가 분석을 하나의 플랫폼에서 통합 관리합니다.
복합 입력 폼, 정렬·페이징·CSV 다운로드 테이블, 인터랙티브 차트 시각화, 권한별 메뉴 접근 제어, 다단계 결재 워크플로우 등 B2B 대시보드에 필요한 핵심 기능들과 복잡도 높은 UI를 100% 담당했습니다.
데이터 입력 오버헤드를 줄이고 관리자에게 실시간 원가 가시성을 제공했습니다.
Manufacturers lose hours every day tracking mold production across scattered spreadsheets and paper logs — errors compound, approvals get lost, and cost visibility is near zero.
I built MoldNote's entire frontend from scratch: a B2B enterprise dashboard that centralizes factory-floor workflows on a single platform. The core challenge was taming deeply complex UI requirements — multi-level approval workflows, permission-scoped menus, sortable/paginated tables with CSV export, and interactive Recharts visualizations — while keeping the interface intuitive for non-technical factory workers.
The result: digitized daily logs, manager approval flows, and per-mold cost analysis in one place. Reduced data-entry overhead and gave managers real-time visibility into production costs.
Stack 스택
React, TypeScript, React Hook Form, Tailwind CSS, shadcn/ui, TanStack Table, Recharts, Zustand, TanStack Query, Axios