Cabinet - under the hood

"use client";
import { useEffect, useRef } from "react";
import JsBarcode from "jsbarcode";

export function Barcode({ value }) {
  const ref = useRef<SVGSVGElement>(null);
  useEffect(() => {
    if (!ref.current || !value) return;
    JsBarcode(ref.current, value, { format: "CODE128" });
  }, [value]);
  return <svg ref={ref} />;
}

Centralized management of jewellery stock across all business locations — own stores, franchises, warehouses, online. Version 1.5.0

What's inside · 01

Details & tech · 02

App router, server actions

Next.js 15

Type safety

TypeScript 5

Postgres, auth, storage, RLS

Supabase

Import & export

SheetJS (xlsx)

Camera scanning

html5-qrcode

Frontend interface

React 19

Design

Tailwind CSS 4

Analytics

Recharts

Barcodes

JsBarcode · Code-128

Icons

lucide-react

Shipped in five phases · 03