Argandhi.
Projects#Web App

CraftByHanifa

Craft bookkeeping and COGS (HPP) management web app with BOM recipes, auto stock deduction, and profit reports.

https://sistempembukuancraftbyhanifa.vercel.app
CraftByHanifa
ClientCraftByHanifa — UMKM Kerajinan Gantungan Kunci
CategoryWeb App
Stack
Next.js 16React 19TypeScriptTailwind CSS v4RechartsLucide Icons

Project Goal

A bookkeeping and Cost of Goods Sold (HPP) management web app at sistempembukuancraftbyhanifa.vercel.app built for CraftByHanifa to record craft sales, track raw material inventory, and calculate exact production costs.

Key Features

  • BOM Recipe & Auto HPP: Calculates unit production cost automatically from raw material recipes, packaging, labor, and overhead.
  • Auto Stock Deduction: Recording a completed craft sale automatically deducts raw material stock according to its Bill of Materials (BOM) recipe.
  • Raw Material Inventory: Tracks stock levels across beads, wires, chains, and packaging with minimum stock alerts and restock history.
  • Profit & Loss Reports: Real-time revenue, COGS, gross margin, and net profit breakdown with CSV and PDF export.
  • Quick Demo Login: One-click Owner and Cashier login buttons on /login with role-based access guards.

Result

Built with Next.js 16, TypeScript, Tailwind CSS, and Recharts — running live at sistempembukuancraftbyhanifa.vercel.app with instant demo access.

Have a project in mind?

Let's Talk.

Argandhi.

© 2026 Argandhi. All rights reserved.