Portfolio Description
Soumia Food is a restaurant POS and stock-oriented platform built as two separated applications: a Vue 3 frontend and a Laravel 10 API backend. The system supports cashier/vendor ordering, menu browsing, table workflows, takeaway and delivery orders, kitchen screens, admin management, cash registers, cash movements, users, roles, settings, and sales statistics for day-to-day restaurant operations.
Challenge and solution
The project needed a fast operational flow for restaurant staff while keeping administrative controls and reporting separate. The frontend uses Vue 3, Vuetify, Vue Router, Vuex, Chart.js, Axios, Tailwind utilities, and role-specific layouts, while the backend exposes Sanctum-protected Laravel API resources with Fortify authentication, Spatie permissions, menu/item/order models, table reservations, cash registers, and dashboard endpoints for revenue, payment methods, tickets, tips, and real cash totals.
- Separated frontend and backend architecture for a restaurant POS platform
- Vue 3 and Vuetify interface with vendor, kitchen, admin, dashboard, menu, cash, and auth modules
- Laravel 10 API backend with Sanctum/Fortify authentication and Spatie role permissions
- Menu, item, item variation, table, client, order, cash register, cash movement, user, role, and settings resources
- Order flows for dine-in tables, takeaway/imported orders, delivery orders, payment types, tips, discounts, and cashier assignment
- Dashboard reporting for gross revenue, payment methods, ticket counts, order types, tips, estimated totals, and real cash totals
Most popular and trending Questions?
Soumia Food is a Rabat restaurant project with a custom POS platform for sales, menu handling, staff workflows, kitchen screens, cash management, and reporting.
WebYMS built a separated frontend/backend system: a Vue 3 POS interface for staff and administrators, plus a Laravel 10 API for authentication, permissions, menus, orders, tables, cash registers, settings, and statistics.
The project uses Vue 3, Vuetify, Vue Router, Vuex, Chart.js, Axios, Tailwind CSS utilities, Laravel 10, PHP 8.1, Sanctum, Fortify, Spatie Permission, Spatie Enum, and Eloquent API resources.