Almago (Grocery App)

🏬 Almago – Grocery / E-Mart Platform

Almago is a full-stack e-commerce solution designed for both web-based administration and mobile app integration. It offers a robust backend built with PHP (Laravel), and an interactive admin panel developed in Vue.js. The platform manages online sales, delivery logistics, order handling, product inventory, voucher systems, and dynamic business analytics. I was responsible for designing, developing, and optimizing both the backend API and admin panel frontend.

🔧 Key Contributions

🔹 Backend API Development (Laravel)

• • Dashboard Analytics

  • Built a dynamic admin dashboard API with aggregated metrics (users, sales, products) and Chart.js-compatible datasets for trend tracking (daily/monthly).

  • Included real-time growth detection, income analysis, and periodic summaries using custom chart services.

• Order Lifecycle Management

  • Developed full order flow with support for status filters, sorting, add-ons (post-payment), refunds, driver assignment, and invoice downloads.

  • Included advanced features like reorder API, payment proof uploads, and admin-level acceptance/cancellation.

• Product & Inventory Control

  • Built modular APIs for product with dynamic image uploads, bundling, multi-category sync, and stock-aware product listings.

  • Integrated product recommendations and featured-product toggles for mobile apps.
    
    

• Voucher & Promo System

  • Created dual voucher types:

    • Discount Vouchers: Purchasable via user points and manageable by admins.

    • Shopping Vouchers: Containing redeemable product bundles.

  • Included promo or discount logic in checkout.
    
    

• Delivery Scheduling Engine

  • Engineered a smart delivery time API using real-time quota tracking, 7-day rolling windows, and time-aware slot visibility.

  • Returned user-friendly labels like Besok, Lusa, and Tulat to improve mobile UX.

• Payment Integration & Webhooks

  • Integrated Midtrans payment gateway with transaction handling, order status updates, webhook validation, and rollback mechanisms via DB transactions.

• Notification System

  • Built OneSignal-powered push notification service for admin-user communication and real-time order alerts.

💻 Admin Panel (Vue.js)

• Modular SPA Architecture

  • Developed component-based Vue.js admin panel with scoped modules (Products, Orders, Sales, Users, etc.).

  • Implemented dynamic form validation, modal interactions, and paginated views for large datasets.

• Order Management UI

  • Implemented A Page with add-ons, refund forms, delivery controls, and manual status updates.

  • Integrated invoice download and tomorrow's delivery recap preparation.

• Sales & Reporting

  • Designed A Page for paginated and filterable sale records, with total breakdown by payment method (COD, Transfer).

• Region & Logistics Settings

  • Managed administrative regions (Cities, Subdistricts, Villages), delivery times, quotas, and driver assignments.

• Voucher & Campaign Management

  • Built voucher creation forms, product assignment UIs, and sale toggles for discount campaigns and shopping vouchers.
    
    

📱 Mobile App API Support

• User Checkout & Profile

  • Created modular APIs for product browsing, voucher purchase, cart checks, and full checkout flow with validation and feedback messages.

• Order & History

  • Built endpoints for order history, detail viewing, reorder capability, and payment confirmation upload.

• Profile & Points

  • Supported user profile updates, point-based voucher buying, and transaction history.

💡 Tech Stack

• Backend: PHP (Laravel), MySQL, Laravel Passport (OAuth), Midtrans (Payment SDK), OneSignal API, MariaDB

• Frontend (Admin Panel): Vue.js, Axios, Vue Router

• Others: Chart.js integration, responsive UI components, RESTful API structure

🚀 Impact & Highlights

• Delivered a scalable, maintainable backend serving both admin and mobile clients.

• Enabled seamless coordination between order management, inventory, and customer experience.

• Achieved real-time analytics and financial insights through optimized data aggregation and visualizations.

• Created a flexible, promo-driven checkout ecosystem with robust validation and fraud prevention.

💾 Database Design

• Personally designed and implemented the relational database schema supporting all business logic.