Kasir
Cabang
Treatment
Hair Creambath
60 min · Hair
Rp120.000
Manicure
45 min · Nail
Rp85.000
Facial Basic
75 min · Face
Rp150.000
Haircut
30 min · Hair
Rp70.000
Therapist
SintaDewiRina
Ringkasan
Treatment-
Therapist-
CabangCabang Pusat
TotalRp0
Kasir ringan

Kasir salon di HP & laptop: pilih cabang, therapist, treatment, lalu simpan transaksi.

02 / Product

Salon Management

Salon & beauty clinic management — appointments, services, payments, and customer loyalty.

Solo developer2026HTMLCSSJavaScriptGoogle Sheets

03 / Context

Problem

Salons handle bookings by phone and note-taking. Appointment conflicts happen, service history is lost, and customer loyalty programs are hard to track.

04 / Concept

Solution

Built a salon management system: online booking with conflict prevention, service history per customer, integrated payments, and loyalty points tracking.

01 / Outcome

Deliverable

  • Cashier POS for treatments with branch selection
  • Owner dashboard with daily reports and therapist commission
  • Treatment catalog with duration and price per branch
  • Loyalty points and customer history

02 / Process

Workflow

  1. 1Customer arrives → cashier selects branch & treatment
  2. 2Treatment added to cart → optional discount → payment
  3. 3Transaction recorded → stock deducted (if products used)
  4. 4Owner views daily revenue, commission per therapist
  5. 5Customer loyalty points auto-accumulated

05 / System

Architecture

  • UI: Next.js with cashier interface and dashboard
  • State: cart, payment, branch selection, commission calc in TypeScript
  • Data: Treatment, Transaction, Therapist, Customer, Branch, Loyalty tables
  • Output: Receipt print/PDF, daily reports, commission recap

06 / Diagram

Flowchart

Dua role: Kasir hanya input transaksi treatment. Owner mendapat Dashboard, Laporan Bulanan, dan Rekap Komisi — dan tetap bisa masuk Kasir.

Kasir

in-app: Kasir

Hanya menginput transaksi treatment. Menu Dashboard, Laporan, dan Komisi disembunyikan.

Kasir

Owner

in-app: Owner

Akses penuh ke semua menu: Kasir, Dashboard Owner, Laporan Bulanan, dan Rekap Komisi.

KasirDashboardLaporanKomisi
MenuKasirOwner
KasirYaYa
Dashboard OwnerYa
Laporan BulananYa
Rekap KomisiYa
Mulai / selesai Proses Input / output Keputusan Proses sistem

KASIR

Input transaksi
  1. Mulai

  2. Login sebagai Kasir

  3. Pilih cabang & therapist

    Data dari master
  4. Pilih treatment

    Harga otomatis
  5. Hitung total

  6. Simpan transaksi

  7. Selesai

OWNER

Akses penuh
  1. Mulai

  2. Login sebagai Owner

  3. Dashboard Owner

    Omzet, transaksi, top treatment
  4. Laporan Bulanan

    Per cabang & periode
  5. Rekap Komisi

    Per therapist otomatis
  6. Tetap bisa input Kasir

    Dual role ready
  7. Selesai

SISTEM

Sheets & sync
  1. Terima request

  2. Role Kasir?

    Tidak · Tampilkan semua menuYa · Tampilkan menu Kasir saja
  3. Baca master dari SS2

  4. Simpan transaksi ke SS1

  5. Mirror transaksi ke SS2

  6. Update dashboard & laporan

  7. Commit

07 / Data

Database Design

Skema data Manajemen Salon. Kotak = sheet, PK emas, FK hijau. Tabel tinggi bisa digulir di dalam kotak. Kaki gagak = sisi banyak.

satu → banyak
Master_Cabang
PKid
nama
alamat
status
Master_Karyawan
PKid
nama
FKcabang_id
role
komisi_pct
status
Master_Treatment
PKid
nama
kategori
harga
durasi
status
Transaksi
PKid
tanggal
FKcabang_id
FKtherapist_id
FKtreatment_id
harga
status
Komisi
PKid
FKtransaksi_id
FKtherapist_id
nominal
periode
status
Laporan_Bulanan
PKid
bulan
tahun
FKcabang_id
omzet
jumlah_transaksi
therapist_teratas

08 / Features

Full Features

Salon Management modules — cashier treatments, owner dashboard, monthly reports, and therapist commission recap.

  • Treatment cashier

    Pick branch, therapist, and treatment from master data. Price appears automatically — just save.

  • Salon master data

    Manage branches, therapists, and treatments with price, duration, and active/inactive status.

  • Owner dashboard

    Today's revenue, transaction count, active therapists, top treatments, and weekly chart.

  • Monthly reports

    Revenue, transaction count, average ticket, and daily breakdown per branch per period.

  • Therapist commission recap

    Commission calculated automatically from recorded transactions, filterable by therapist and period.

  • Role-based menu

    Cashiers see only the Cashier menu. Owners get full access to Dashboard, Reports, and Commission.

  • Multi-branch

    Transactions recorded per branch so reports and commission can be read per branch.

  • Double-save sync

    Cashier transactions saved to the cashier sheet and mirrored to the owner sheet for dashboard updates.

← Back to work