Nur Foodes — Restaurant POS & Store ERP System
A touch-optimized restaurant POS and operations platform connecting cashier ordering, kitchen workflows, inventory controls, payments, Saudi VAT invoicing and shift reporting.
My Role
Application Developer & System Designer
Category
Restaurant POS / Business Application
Timeline / Date
2026
Primary Stack
JavaScript ES6+ & HTML5
01 / The Problem
The Operational & Engineering Challenge
Restaurant operations can become fragmented when cashier ordering, kitchen communication, product availability, payments, invoice generation, returns and shift reporting are handled independently. The system needed to provide a fast interface suitable for counter staff while also maintaining structured order lifecycle management, bilingual operation, tax calculations and administrative control.
02 / The Solution
Architecture & System Implementation
Engineered Nur Foodes, a modular browser-based POS application. The POS, payment, receipt, reports, administration, and printer logic are separated into dedicated modules. The system integrates the complete workflow from Catalog to Cart, Order to Kitchen, and Payment to VAT Invoice and Reports, providing a unified operational platform.
03 / Platform Showcase
Nur Foodes Restaurant POS Terminal
A high-density commercial POS interface combining visual item discovery, category filtering, search, pricing and fast order entry while keeping the main restaurant actions immediately accessible.
04 / Key Features
Core System Capabilities & Workflows
Touch-optimized restaurant POS terminal with dual catalog interaction modes.
Feature 01
Modular JavaScript operational architecture separating POS, payment, receipt, reporting, and administration.
Feature 02
Bilingual Arabic (RTL) and English (LTR) interface localization.
Feature 03
Multiple restaurant order types (Dine-In, Takeaway, Delivery, Drive-Thru).
Feature 04
Centralized payment calculation, cash change workflow, and split tender handling.
Feature 05
Saudi 15% VAT calculation and ZATCA Phase-2 invoice implementation with TLV QR.
Feature 06
Restaurant shift reporting and Z-Report functionality.
Feature 07
Responsive POS interface for desktop, tablet, and mobile environments.
Feature 08
07 / Mobile Experience
Responsive Mobile-First POS Experience
Fully responsive mobile application interface for ordering, catalog browsing, and receipt generation optimized for smaller viewports.
08 / Engineering Contribution
My Specific Role & Responsibilities
Application Developer & System Designer responsible for the POS interaction model, modular JavaScript application structure, cashier workflows, payment logic, tax invoice generation, reporting interfaces, bilingual UI behavior, responsive design and operational workflow integration.
09 / Technology Architecture
Full-Stack Technology Decisions
Backend & APIs
- Modular JavaScript Application Logic
- Vite Build System
- POS / Payment / Receipt Modules
Frontend & UI
- HTML5
- CSS3
- JavaScript ES6+
- Responsive UI
- RTL / LTR Localization
Database Layer
- Browser Local Persistence
- Client-Side State Store
- Inventory / Order State
Integrations & Tools
- PWA Manifest
- ZATCA TLV QR Logic
- Thermal Print Workflow
- Vercel
- Puppeteer / jsdom Testing
10 / Data Layer
Database Architecture & Relational Schema
Engineered as a highly responsive client-side application utilizing persistent browser storage to maintain restaurant operational state across sessions without a remote server dependency.
Key Relational Entities
- menu items: Product catalog with prices, categories, and bilingual descriptions
- categories: Menu categorization for filtering and UI structure
- orders: Transactional records encompassing order items, notes, and payment status
- payments: Financial ledger tracking subtotal, discounts, VAT, and tendered cash
- inventory: Product availability states synchronizing across the POS interface
- settings: Application configuration including active language, currency, and tax rates
Schema Design Principles
- Centralized application state (store.js) for POS operational consistency
- Persistent browser storage ensuring reload resilience and offline capability
- Separate application modules consuming shared state for UI synchronization
11 / System Flow
API Architecture & Data Flow Lifecycle
A modular browser application where a shared store coordinates POS, payment, receipt, reporting, and administrative modules, allowing each workflow to remain separated while sharing consistent restaurant operational state.
12 / Problem Solving
Engineering Challenges & Technical Solutions
Challenge 01
High-speed product discovery in a large touch interface.
Engineered Solution:
Implemented a visual catalog with category filters, live search, product codes, and compact quick-add interactions to accelerate order entry.
Challenge 02
Keeping cashier and kitchen workflows synchronized conceptually.
Engineered Solution:
Designed a structured order lifecycle and dedicated operational views, ensuring order states are cleanly managed.
Challenge 03
Reliable monetary calculation.
Engineered Solution:
Centralized subtotal calculation, discount application, 15% VAT computation, tendered amount, and cash change logic into a dedicated payment module.
Challenge 04
Supporting Arabic and English without mixed-language interface pollution.
Engineered Solution:
Built comprehensive localization dictionaries with dynamic RTL/LTR layout handling and localized numeral formatting where implemented.
Challenge 05
Printing tax/customer receipts across varying hardware environments.
Engineered Solution:
Developed dedicated receipt and printer modules featuring thermal-optimized formatting and reliable browser print fallbacks.
Challenge 06
Keeping a commercial POS usable on different display sizes.
Engineered Solution:
Applied dedicated responsive CSS and adaptive layouts ensuring the POS terminal, tablet, and mobile navigation remain functional and legible.
13 / Result & Verification
Project Delivery & Technical Achievements
Built and deployed a comprehensive restaurant operations application that demonstrates practical POS engineering across cashier ordering, client-side operational state, payment calculation, Saudi VAT invoice generation, bilingual interfaces and restaurant reporting.
- Live POS application deployed publicly
- Modular JavaScript operational architecture
- Arabic (RTL) and English (LTR) UI support
- Saudi 15% VAT invoice workflow & ZATCA TLV QR implementation
- Responsive POS interface across devices