Setiadyanwar.
HomePortfolioExperience
Home
Portfolio
Experience

Setiady Ibrahim Anwar

Frontend Developer & UI/UX Designer creating modern, user-friendly web experiences.

GitHubLinkedInInstagramBehanceDribbbleMediumWhatsAppEmail

Quick Links

  • Experience
  • Portfolio

Contact

Tangerang, Indonesia

setiadyanwar@gmail.com

+6289662007938

© 2026 Setiady Ibrahim Anwar. All rights reserved.

FRONTEND

HomePortfolioWingsPOS – Point of Sale Web Application

October - November 2024

WingsPOS – Point of Sale Web Application

Web-based POS system for streamlining sales, inventory, and order management.

LaravelTailwindCSSMySQLHTML/CSSJavaScript
WingsPOS – Point of Sale Web Application
WingsPOS – Point of Sale Web Application screenshot 1

Project Overview

WingsPOS is a comprehensive web-based Point of Sale system I developed for Ayam Geprek Indonesia to revolutionize how they manage sales, inventory, and operations across multiple restaurant outlets. Recognizing that manual transaction processes and fragmented inventory systems were creating bottlenecks during peak hours and causing stock discrepancies between branches, I built a unified platform that centralizes all POS operations in a fast, reliable, and user-friendly interface. The system serves cashiers processing hundreds of daily transactions, managers monitoring sales performance, and administrators overseeing multi-branch inventory and reporting.\n\nI architected the application using Laravel for robust backend services and business logic, MySQL for reliable transactional data storage, TailwindCSS for a modern, responsive admin interface, and vanilla JavaScript for real-time UI updates. The technical foundation includes a real-time transaction processing engine that handles concurrent orders across multiple outlets without conflicts, role-based access control (RBAC) with granular permissions for admin, manager, and cashier roles, centralized inventory management with automatic stock deduction and low-stock alerts across all branches, comprehensive reporting system with daily sales summaries, product performance analytics, and revenue tracking, and secure authentication with session management and activity logging. The backend API is optimized for high-volume transactions with database indexing and query optimization.\n\nThe user experience prioritizes speed and efficiency for busy restaurant operations. I designed streamlined cashier interfaces with quick product search, one-click order entry, and instant receipt generation, real-time inventory dashboards showing current stock levels, reorder points, and transfer requests between branches, sales analytics with visual charts for revenue trends, best-selling items, and peak hour analysis, order management with table assignments, order modifications, and kitchen display integration, and multi-branch controls allowing administrators to view and manage all outlets from a single dashboard. The system also features transaction history with detailed order logs and customer records, discount and promotion management with flexible pricing rules, payment processing supporting multiple payment methods, and automated backup to prevent data loss. This comprehensive POS solution reduced transaction times by 50% and eliminated inventory discrepancies across branches.

Role

Full-Stack Developer

Timeline

October - November 2024

Tools

Laravel, TailwindCSS, MySQL, HTML/CSS

Links

Key Responsibilities

  • Managed the full lifecycle from initial analysis to final testing for AyamGeprek.id.
  • Built a scalable backend and a high-performance frontend for seamless transaction flows.
  • Implementing responsive frontend interfaces using TailwindCSS
  • Designed a custom database schema and UI/UX optimized for fast-paced F&B operations.

Impact & Results

  • ~80% reduction in transaction processing time
  • Real-time inventory accuracy improved to 99.8%
  • ~50% reduction in manual data entry errors
  • Increased transaction throughput by 70%

Challenges

The Challenge

Integrating real-time inventory updates across multiple branches, ensuring secure authentication and authorization for different user roles (admin, cashier), and optimizing the system for high-volume transaction processing.

Problem illustration

Problem

Ayam Geprek Indonesia needed a POS system that could keep up with busy outlets and maintain accurate inventory across branches. Previous manual processes and separate systems slowed down transactions and made it hard to trust stock data.

Slow, manual transactions

Cashiers had to juggle multiple tools to process orders, which created queues during peak hours.

Inventory mismatches

Stock adjustments were not always recorded consistently across branches, leading to discrepancies.

Weak role separation

Older setups did not strictly separate admin and cashier permissions, increasing operational risk.

Limited reporting

Decision makers lacked a consolidated view of sales and inventory data to plan effectively.

Solution

WingsPOS brings transactions, inventory, and reporting into one Laravel-based web application tailored to Ayam Geprek’s workflows. I focused on structuring data models, APIs, and UI modules so cashiers can move quickly while admins still get accurate, aggregated insights.

Optimized sales module

Designed a fast, keyboard-friendly order entry interface that reduces time per transaction.

Real-time stock updates

Linked sales to inventory adjustments so each order immediately updates product availability.

Role-based access control

Implemented clear separation between admin and cashier capabilities to protect sensitive operations.

Centralized reporting

Built dashboards and reports that aggregate branch data for easier performance monitoring.

Solution illustration

Process

The Journey

Requirement Gathering & System Design

Requirement Gathering & System Design

Collaborated with stakeholders to identify key functionalities such as sales processing, inventory tracking, and user management. Designed the system architecture and database schema to accommodate multi-branch operations.

Backend Development with Laravel

Backend Development with Laravel

Developed RESTful APIs for handling products, orders, users, and reports. Implemented authentication and authorization mechanisms to manage access control for different user roles.

Frontend Implementation with TailwindCSS

Frontend Implementation with TailwindCSS

Built responsive user interfaces for the dashboard, sales, and inventory modules using TailwindCSS. Ensured compatibility across various devices and screen sizes.

Testing & Quality Assurance

Testing & Quality Assurance

Conducted unit and integration testing to ensure system reliability. Performed user acceptance testing (UAT) with actual users to gather feedback and make necessary improvements.

Deployment & Maintenance

Deployment & Maintenance

Deployed the application to a production server, configured domain settings, and set up SSL certificates. Provided ongoing maintenance and updates based on user feedback and changing business needs.

Outcomes

80%Faster transaction processing

Cashiers could handle orders significantly more quickly, reducing queues and wait times.

99.8%Inventory accuracy

Real-time updates and better data validation kept system inventory in sync with actual stock.

50%Fewer manual errors

Automated calculations and structured inputs cut down on common data entry mistakes.

70%Higher throughput

The system supported a greater number of transactions per hour without performance issues.

Previous