Anashop - Modern Laravel E-Commerce and POS System Showcase
anashop5
anashop6
anashop7
anashop8
anashop9
anashop10
anashop11
anashop12
anashop13
anashop14
anashop15
anashop16
anashop17
anashop1
anashop2
anashop3

🛒 Anashop - E-commerce & POS System

Laravel E-Commerce and POS System

Logo
INITIALIZING...

Modern web application combining E-commerce Platform and Point of Sale (POS) System in one integrated solution. Built with Laravel 11, featuring member loyalty programs, real-time customer displays, and comprehensive inventory management.

✨ Key Features

🏪 E-commerce Platform

  • Product Catalog with categories, variants (size/color), and advanced search

  • Shopping Cart with real-time price updates and variant selection

  • Member System with points reward, daily check-in bonuses (5→25 points progression)

  • Order Tracking with multiple payment methods (Cash, Transfer, E-Wallet)

  • Product Reviews and ratings system

  • Responsive Design optimized for mobile and desktop

💳 Point of Sale (POS)

  • Barcode Scanner integration for fast product lookup

  • Dual Display – Cashier terminal + Customer-facing display (sync via localStorage/API)

  • Variant Support with individual pricing and barcode per variant

  • Member Verification system with secure 4-digit code validation

  • Real-time Stock validation and auto-refresh prices before checkout

  • Receipt Printing with order details and points earned

  • Transaction History with date filtering and export to Excel/PDF

👥 Multi-Role System

  • Admin – Full control (products, users, reports, banners)

  • Cashier – POS operations, order management, member registration

  • Member – Shopping, points collection, reward redemption, order history

📊 Admin Dashboard

  • Sales Reports with charts and analytics

  • Inventory Management with stock alerts

  • User Management with role-based access control

  • Banner Management for home page and customer display

  • Export Reports to Excel and PDF

🎁 Loyalty & Gamification

  • Daily Check-in Rewards – Progressive points (5→7→9→12→16→20→25)

  • Points System – Earn points from purchases, redeem for vouchers

  • Reward Vouchers with expiration dates

  • Notification Center for member verification and updates

🛠️ Tech Stack

  • Backend: Laravel 11 (PHP 8.2+)
  • Frontend: Blade Templates, Alpine.js, Tailwind CSS
  • Database: MySQL
  • Real-time: LocalStorage sync + Server-side polling
  • Export: Maatwebsite Excel, DomPDF
  • Authentication: Laravel Breeze

📦 Installation

# Clone repository
git clone https://github.com/LinggaKeandre/Aplikasi-E-commerce-Kasir.git
cd Aplikasi-E-commerce-Kasir

# Install dependencies
composer install
npm install && npm run build

# Setup environment
cp .env.example .env
php artisan key:generate

# Configure database in .env file
DB_DATABASE=your_database_name
DB_USERNAME=your_username
DB_PASSWORD=your_password

# Run migrations and seeders
php artisan migrate –seed

# Create storage link
php artisan storage:link

# Serve application
php artisan serve

🔐 Default Accounts

  • Admin

    • Email: admin@anashop.com

    • Password: password

  • Cashier (Kasir)

    • Email: kasir@anashop.com

    • Password: password

  • Member

    • Email: member@anashop.com

    • Password: password

🚀 Unique Features

  • Hybrid Image Storage – Upload local files OR use external URLs
  • Smart Variant System – Different prices per variant with individual barcodes
  • Auto Price Refresh – Validates prices before checkout to prevent discrepancies
  • Customer Display API – Separate screen for customers to see cart in real-time
  • Progressive Daily Rewards – Streak-based point system with auto-reset
  • Dual Payment Flow – Member (with verification) or Guest checkout
  • Real-time Synchronization – Cart updates across cashier and customer displays
  • Role-based Borders – Visual distinction (Admin: gold crown, Kasir: blue briefcase)

🎯 Routes Overview

  • Public Routes

    / – Product catalog (homepage)

    /product/{slug} – Product detail page

    /cart – Shopping cart

    /checkout – Checkout process

    Member Routes

    /profile – User profile management

    /orders – Order history

    /points – Points & rewards

    /notifications – Member notifications

    /daily-rewards/claim – Claim daily check-in

    Cashier Routes

    /kasir/dashboard – Cashier dashboard

    /kasir/transaksi – POS terminal

    /kasir/customer-display – Customer-facing display

    /kasir/riwayat – Transaction history

    /kasir/pesanan – Order management

    Admin Routes

    /admin/dashboard – Admin dashboard with analytics

    /admin/products – Product management (CRUD)

    /admin/categories – Category management

    /admin/accounts – User management

    /admin/reports – Sales reports & exports

    /admin/banners – Banner management

📱 Customer Display Setup

Open /kasir/customer-display on a separate device/screen

System will auto-sync cart data from cashier terminal

Display shows: Cart items, Total, Payment method, Transaction success animations

🔧 Configuration

Environment Variables (.env)

Ini, TOML
 
# Application Configuration
APP_NAME="Anashop"
APP_URL=http://localhost:8000

# Database Configuration
DB_CONNECTION=mysql
DB_DATABASE=kasir_v2

# Mail Configuration (for notifications)
MAIL_MAILER=smtp
MAIL_HOST=smtp.mailtrap.io

Storage Permissions

Jalankan perintah berikut pada terminal Anda untuk mengatur hak akses folder (permissions):

Bash
 
chmod -R 775 storage
chmod -R 775 bootstrap/cache

📸 Screenshots

  • Homepage: Product catalog with banners and daily check-in
  • POS Terminal: Barcode scanner interface with member verification
  • Customer Display: Real-time cart synchronization
  • Admin Dashboard: Sales analytics and inventory management

🤝 Contributing

  • Contributions are welcome! Please follow these steps:

    1. Fork the repository
    2. Create feature branch (git checkout -b feature/AmazingFeature)
    3. Commit changes (git commit -m 'Add some AmazingFeature')
    4. Push to branch (git push origin feature/AmazingFeature)
    5. Open Pull Request

👨‍💻 Developer

Developed by Lingga Keandre – Full-stack Developer

🙏 Acknowledgments

  • Laravel Framework
  • Tailwind CSS
  • Alpine.js
  • Maatwebsite Excel
  • DomPDF
GITHUB

Back

Portofolio Lingga