Brewing ideas, coding intelligence

0%
Full-Stack SaaS • 2026

Appointment Management Dashboard with Salla Direct Integration

A full-stack internal dashboard that powers a mobile spa business. From booking to payment to worker dispatch.

Next.js 16SupabaseReact 19TypeScriptSallashadcn/ui

Overview

Balance Spa is a mobile spa service in Saudi Arabia. Staff needed a single system to manage bookings, assign workers, communicate with customers, process payments, and sync schedules. I built this dashboard from scratch, directly integrated with Salla e-commerce so everything runs automatically with zero manual effort.

The Power Behind the Dashboard

A fully automated appointment management system. Directly linked to Salla with zero manual effort.

Salla
Salla Store
Real-time Sync
Balance Spa
Balance Spa Dashboard

Auto-Sync Products & Services

Services, prices, and locations sync bidirectionally between Salla and the dashboard. No duplicate data entry.

Automated Order Processing

Customer service creates an order in the dashboard → order auto-created on Salla → payment link generated → WhatsApp notifications sent → workers assigned — all automatically.

Zero Manual Intervention

From booking to payment to worker dispatch to completion. The entire lifecycle runs on webhooks and cron jobs.

Order Lifecycle

Every order flows through a carefully designed state machine.

📝

Draft

1/7

Staff creates a new order and adds services

Cancelled

Can be cancelled from any status with full cleanup

The Dashboard

Here's what it looks like in action.

Homepage
Orders Management
Order Details
Create New Order
Worker Management
Services & Salla Sync
Settings Panel

Homepage

Integrations

Three external systems wired together through webhooks, APIs, and real-time sync.

Salla E-Commerce

Products, services, and locations sync bidirectionally. Orders created in the dashboard are automatically pushed to Salla for payment processing. Webhooks handle payment confirmation and status updates in real-time.

Product & service syncOrders & payment link generation

WhatsApp Business

Automated template messages for every step of the order lifecycle. Location requests, payment links, confirmations, reminders, and cancellations. Session tracking for conversation state.

Template messages per statusSession state tracking

Google Calendar

Each worker has their own calendar. When workers are assigned to an order, events are automatically created, updated, or deleted. The driver gets a daily schedule summary.

Per-worker calendarsAuto-create/update/delete events

Automation

Cron jobs that keep the business running without manual intervention.

Payment Reminders

Sends WhatsApp reminder if payment is not received within the configured window

cron

Auto-Cancel

Automatically cancels orders past the payment deadline

cron

Daily Schedule

Sends the driver a WhatsApp summary of the day's bookings each morning

cron

Auto-Complete

Marks orders as completed when the booking time has passed

cron

Key Features

Order Management

Full CRUD with status transitions, timeline audit log, and per-service worker assignments.

Worker Scheduling

Assign workers to specific services within an order. Calendar auto-syncs. View availability at a glance.

Automated State Management

Track every order's state at a glance. Payment reminders and auto-cancel run automatically — zero customer service involvement.

Direct Salla Integration

Orders created in the dashboard are automatically pushed to Salla. Products, services, and payments stay in sync bidirectionally.

Settings & Admin

App-wide configuration for payment deadlines, driver numbers, calendar templates, notification preferences, and user role management.