logoSharoon S.

  • Home
  • Projects
  • Case Studies
  • About
  • ⌘ K or /
© 2026 - Made with by Sharoon.

Diniiz

All-in-one restaurant management platform built for real clients

Preview

Role

Frontend Developer

Timeline

June 2025 – November 2025

Type

Full-stack Web Application

Status

Production

Technical Stack

frontend
React
React
React Router
React Router
Tailwind CSS
Tailwind CSS
Shadcn
Shadcn
backend
Node.js
Node.js
Express
Express
database
MongoDB
MongoDB
services
Cloudinary
Cloudinary
WebSockets

Proprietary codebase — developed during employment at Synctom

Diniiz
01 // Vision

Project Vision

Diniiz is a production-grade restaurant management platform built for real restaurant businesses at Synctom. It consolidates reservations, order management, staff coordination, customer tracking, and location administration into a single role-aware interface. The platform was actively used by real clients before being temporarily taken offline due to internal changes at Synctom.

02 // Problem

The Friction

Restaurant owners were juggling reservations, staff coordination, and customer records across disconnected tools — spreadsheets, WhatsApp groups, and paper logs. There was no single system that gave owners, managers, and staff a shared view of what was happening on the floor in real time. And for clients with their own websites, there was no easy way to let customers book a table without building something from scratch.

03 // Solution

The Strategy

A unified platform where every role — owner, manager, staff — sees exactly what they need. Live floor status, reservation management, staff coordination, customer history, and analytics all in one place. Paired with an embeddable reservation widget that any client could drop into their existing website with a single script tag.

04 // Features

Core Features

1

Interactive floor canvas with live table status (available, occupied, reserved) powered by WebSockets

2

Drag-and-drop floor layout builder — owners design their actual floor plan including table placement

3

Embeddable reservation widget via <script> tag — renders a custom web component compatible with WordPress and SPAs

4

Widget supports brand color customization with full palette generated from a single primary color

5

Featured event display in widget — shows events at that location and marks slots held for specific events

6

Role-based access control — distinct views and permissions for owners, managers, and staff

7

Multi-location admin management

8

Customer tracking with full visit history and profiles

9

Guestbook for capturing and managing walk-in and returning guest records

10

Built-in staff messaging for coordination

11

Analytics dashboard with revenue, order trends, and peak hour insights

12

Realtime notifications for new reservations and order status changes

13

Cloudinary integration for menu item image uploads

05 // Hurdles

Hurdles & Breakthroughs

#1   Building an embeddable widget that works anywhere

Resolution_Strategy

Architected a custom web component delivered via a single <script> tag written in vanilla JS, no framework dependencies, no setup required. Clients integrated it into WordPress sites and React apps without any code changes beyond pasting the tag. The widget handled its own state, reservation logic, event display, and brand theming in isolation.

#2   Dynamic brand theming from a single color

Resolution_Strategy

Designed a theming system where clients provide one primary color and the widget derives a full consistent palette automatically, keeping the widget on-brand for every client without requiring design input from them.

#3   Live floor canvas with real-time state

Resolution_Strategy

Built the interactive floor canvas with WebSocket integration so table status (available, occupied, reserved) updates instantly across all connected devices. Restaurant owners could also design their exact floor layout using a drag-and-drop builder, making the canvas a true reflection of their physical space.

#4   Role-based UI across a complex platform

Resolution_Strategy

Implemented a role-aware frontend that renders entirely different views and access levels for owners, managers, and staff, ensuring no role sees data or controls outside their responsibility.

06 // Impact

Final Outcome

Deployed to production and actively used by real restaurant clients acquired by Synctom. The platform replaced manual processes across reservations, floor management, and staff coordination. The embeddable widget was successfully integrated into client websites including WordPress and React-based sites. Platform is temporarily offline due to internal changes at Synctom and expected to return shortly.

07 // Reflection

Key Learnings

"This was my first experience shipping software that real businesses depended on daily. I learned what separates a working demo from production-ready software — the widget especially taught me how to build for environments you don't control, where your code has to work cleanly inside someone else's site with zero assumptions. Real user feedback also fundamentally changed how I think about edge cases."
Contents
Got an idea? Let's turn it into something real
ssharoon166@gmail.com
Github
LinkedIn
Let's Talk