Overview

Foodya POS is a modern full-stack restaurant management and point-of-sale (POS) platform developed to streamline restaurant operations through a centralized and scalable web application. The project combines restaurant order processing, employee management, financial tracking, analytics, and role-based access control into a production-style management system designed for real-world business workflows.

Built with Next.js 15, TypeScript, Drizzle ORM, MySQL, and Auth.js, the platform demonstrates enterprise-level architecture, modular application design, and advanced full-stack development practices.

In addition to the restaurant dashboard system, Foodya also includes a responsive public-facing restaurant website for displaying menus and restaurant information.

Core Features

Restaurant POS & Order Management

Foodya provides a complete point-of-sale workflow for restaurant operations, including:

• Dine-in order handling
• Take-away order processing
• Drive-thru order support
• Real-time table management
• Order tracking and invoice generation
• Booking and reservation management
• Invoice history and printable receipts

Restaurant staff can efficiently manage customer orders, assign tables, generate invoices, and monitor ongoing operations through an optimized dashboard interface.

Role-Based Access Control (RBAC)

The platform includes a complete RBAC system that enables administrators to manage system access with granular permissions.

• User management
• Role creation and assignment
• Permission-based page access
• Module-level restrictions
• Protected routes and middleware security

This architecture allows different user roles such as administrators, managers, cashiers, and employees to access only the modules relevant to their responsibilities.

Employee & Payroll Management

Foodya includes a dedicated employee and salary management system to simplify workforce administration.

• Employee records management
• Designation and promotion tracking
• Salary generation
• Monthly payroll processing
• Bonus and penalty adjustments
• Payment status tracking
• Printable salary statements
• Salary history logs

The payroll module was designed to simulate real-world HR and salary management workflows inside a restaurant business environment.

Financial Tracking & Reporting

The platform includes advanced financial management tools for monitoring restaurant performance.

• Income tracking
• Expense management
• Transaction categorization
• Profit and loss monitoring
• Monthly and yearly reports
• Interactive financial dashboards
• Visual charts and analytics

The reporting system uses Chart.js and Recharts to display financial insights through dynamic visualizations and business metrics.

Public Restaurant Website

Foodya also includes a customer-facing website built alongside the POS dashboard.

• Responsive homepage
• Restaurant information pages
• Public menu browsing
• Category-based menu organization
• Animated UI interactions using GSAP

The website provides a clean and modern experience for restaurant visitors while integrating seamlessly with the restaurant management backend.

Technical Architecture

Frontend

The frontend architecture is built using modern React and Next.js technologies with reusable component-based design patterns.

• Next.js 15 (App Router)
• React
• TypeScript
• Tailwind CSS
• ShadCN UI
• Cult UI
• React Hook Form
• SWR
• GSAP

The application uses modular layouts, reusable UI systems, and optimized rendering patterns to maintain scalability and performance.

Backend

The backend architecture focuses on type safety, maintainability, and scalable business logic.

• Node.js
• Drizzle ORM
• MySQL
• Zod Validation
• API Routes
• Server Actions

The database layer uses Drizzle ORM for type-safe queries and schema management while MySQL handles relational business data storage.

Authentication & Security

Authentication is implemented using Auth.js with secure session handling and middleware protection.

• Credentials-based authentication
• Session management
• Protected dashboard routes
• Middleware authorization
• Permission-based access control

The authentication architecture ensures secure access to sensitive restaurant and financial data.

Analytics & Data Visualization

Foodya integrates multiple reporting and analytics tools to provide restaurant insights and operational visibility.

Analytics Features

• Revenue charts
• Expense tracking
• Employee statistics
• Monthly business summaries
• Profit analysis
• Interactive hover cards
• Exportable reports

Exporting Support

• PDF export using jsPDF
• Excel export using ExcelJS

These features improve business reporting and simplify operational analysis.

Database Design

The database architecture was designed to support multiple operational modules in a scalable relational structure.

• Users
• Roles & Permissions
• Employees
• Salaries
• Menu Categories
• Menu Items
• Restaurant Tables
• Orders
• Bookings
• Invoices
• Expenses
• Incomes
• Transactions
• Reports

The schema structure follows modular organization practices to improve maintainability and future scalability.

Development Goals

The main objective of Foodya POS was to simulate a real-world restaurant management system while practicing advanced full-stack engineering concepts such as:

• Enterprise dashboard architecture
• Role-based authorization systems
• Financial management workflows
• Payroll processing systems
• Scalable backend architecture
• Type-safe database management
• Advanced UI/UX implementation
• Modular application structure
• Reusable component systems

The project serves as a large-scale portfolio application showcasing modern business management software development using current web technologies.

Technologies Used

Frontend

• Next.js 15
• React
• TypeScript
• Tailwind CSS
• ShadCN UI
• Cult UI
• React Hook Form
• SWR
• GSAP

Backend

• Node.js
• Drizzle ORM
• MySQL
• Zod

Authentication

• Auth.js

Analytics & Reporting

• Chart.js
• Recharts
• ExcelJS
• jsPDF

Project Highlights

• Full-stack restaurant POS platform
• Advanced RBAC architecture
• Employee and payroll management
• Financial reporting dashboards
• Responsive public restaurant website
• Modern dashboard UI
• Secure authentication system
• Type-safe backend architecture
• Interactive analytics and charts
• Modular scalable codebase
• Exportable business reports
• Production-oriented application structure

Summary

Foodya POS demonstrates the development of a modern restaurant management platform using scalable full-stack architecture and enterprise-style business workflows. The project combines POS operations, authentication systems, payroll management, analytics dashboards, financial reporting, and role-based access control into a unified production-ready application focused on performance, usability, maintainability, and scalability.