FNH .
FNH.
Back to catalog
PROJECT 04/05
Web Application
Completed
2026

Point of Sale : Retail & ERP Management

A modern, full-stack Point of Sale (POS) and retail management application powered by Laravel 13, Inertia.js, React 19, and Tailwind CSS. Built with a granular Role-Based Access Control (RBAC) architecture using Spatie Permission, real-time revenue analytics charts via Recharts, automated financial reporting with Excel export, and integrated multi-channel checkout.

Interface & Visual ArchitectureInteractive Gallery
Point of Sale : Retail & ERP Management - Cover
01 / Engineering Context

Problem & Technical Response

The Challenge

What needed solving

Retail merchants and multi-branch businesses struggle with rigid POS systems that lack granular access control, leading to unauthorized staff overrides, cumbersome inventory tracking, and delayed sales reporting.

The Solution

Technical execution

Engineered a decoupled, full-stack POS platform combining Laravel 13 with Inertia.js React. Implemented granular permission matrices, an intuitive reactive checkout interface, and instant analytical dashboards for real-time operational oversight.

02 / Architecture & Data Flow

Pipeline & Component Topology

Stage 01Phase 1 of 5

Inertia.js React 19 UI & Wayfinder Routing

Stage 02Phase 2 of 5

Granular RBAC & Policy Authorization Layer

Stage 03Phase 3 of 5

POS Terminal Engine & Order Calculator

Stage 04Phase 4 of 5

Analytical Aggregation Pipeline & Recharts

Stage 05Phase 5 of 5

MySQL Database & Automated Reporting Export

End-to-End Execution Sequence← Scroll horizontally to inspect full flow →
03 / Key Deliverables

Core Capabilities & Features

Granular dynamic Role-Based Access Control (RBAC) with permission groups and policy enforcement
High-speed POS cashier terminal with real-time checkout dialog and receipt generation
Interactive business analytics dashboard with flexible temporal granularity (Daily, Weekly, Monthly, Yearly)
Real-time inventory catalog, stock level alerts, and multi-parameter product filtering
Automated financial and sales transaction reporting with spreadsheet (Excel) export
End-to-end type safety across the Inertia.js stack powered by TypeScript and Wayfinder
04 / Role & Ownership

Engineering Contribution

Architected the full-stack system from database schemas to reactive frontend components, implemented the Spatie RBAC authorization layer with custom frontend permission hooks, developed the analytics query pipeline, and styled the UI using Tailwind CSS and Radix UI primitives.

04/Collaboration & Opportunities

Let’s build something practical.

I am open to internship opportunities, full-stack or backend developer roles (especially Laravel, Next.js, and modern APIs), and collaborating on software projects.

Based in Indonesia · Open to internship opportunities