sedekah rutin (Fundraising platform)

🌟 Sedekah Rutin

Sedekah Rutin is a donation management system and campaign platform built to empower institutions in running transparent, impactful fundraising efforts. The backend is developed with Laravel and follows a RESTful API structure using transformers, while the admin panel is built with Vue.js as a single-page application. Key features include campaign creation with SEO-friendly slugs, donation processing via manual bank transfers and auto-verification through Moota.co, as well as user authentication using Firebase Google Sign-In. Campaign updates support rich content including images, and every donation can be synchronized with Sedekah Rutin BMI's external API for centralized tracking.

The platform supports multiple roles (admin, advertiser, manager) with scoped data visibility and control. The admin panel includes detailed dashboards, donation analytics, campaign performance charts, and institution-based access. Institutions can manage their own campaigns, track donations, and create embeddable donation forms. The system ensures transparency with campaign progress updates and withdrawal approvals. With a clean architecture and deeply integrated tools, Sedekah Rutin provides a reliable infrastructure for continuous charitable giving.

🔧 Role: Backend & Fullstack Web 

🧰 Tech Stack:

• Backend: Laravel (API-Driven Development, Fractal Transformers, Firebase Auth Integration)

• Frontend: Vue.js (Admin Panel SPA)

• Database: MySQL / MariaDB (Custom-designed Schema)

• Authentication: Firebase (Google Sign-In) → Token Validation

• 3rd Party Integrations:

  • Moota.co: Real-time bank transaction monitoring & validation. 

  • Sedekah Rutin BMI API: Donation synchronization

• Rich Text: Global RichText Component with Image Upload

• Infrastructure: RESTful API, Role-Based Access Control (ACL), Modular Component Structure

📌 Key Features & Responsibilities

🔐 Authentication & User Management

• Integrated Google Sign-In using Firebase Auth; verified tokens on backend.

• Managed user profile data and protected API routes with middleware based on roles (Admin, Advertiser, Manager).

📂 Campaign Management System

• Full campaign lifecycle management:

  • Creation, Editing, Hiding/Unhiding, Deletion

  • Set as Slider, Preferred, Popular, or Limited Version

• RichText support for campaign content and campaign update posts (e.g., fund distribution progress).

• SEO-Friendly campaign slugs and detailed views with related entities (institution, donor list, updates).

🔍 Campaign API Features

• Featured Campaigns:
  Show campaigns for sliders, preferred picks, or popular campaigns.

• By Category or Institution:
  Filter campaigns by category (e.g., education, disaster relief) or managing institution.

• Campaign Details:
  Get full details including goals, updates, donor lists, and SEO-friendly slugs.

• Search & Pagination:
  Search campaigns with keyword filtering and pagination support.

• Campaign Updates:
  Add progress or fund usage updates using RichText for transparency.

💸 Donation System

• Two-mode donation processing:

  1. Manual Bank Transfer: User uploads proof, admin verifies.

  2. Automatic Bank Transfer Verification: Integrated with Moota.co to auto-fetch and verify bank transfers. Automatically confirm donation payments by matching unique last-three-digit amounts in bank transfers, using real-time webhooks to update donation status as Paid once verified. 

• Donation form generation for embedding (iFrame, script, link).

• Pushed to Sedekah Rutin BMI API for centralized tracking.

• Donation summary per campaign and user.

🏢 Institutional Roles & Access

• Multi-Role ACL System:

  • Role-based access enforced globally via ACL Rules.

• Advertiser/Manager tied to specific institution campaigns.

• Each role sees scoped statistics and data relevant to their institution only.

📊 Admin Panel Dashboard

General Admin View:

• Total Campaigns, Successful Campaigns, Live Campaigns

• Campaign Progress Chart: % of fundraising targets reached.

• Latest Donations with campaign references.

Institution/Advertiser View:

• Filtered donation stats by date and campaign

• Data Points:

  • Filled Forms, Successful Donations, Pending Donations

  • Total Donation Amount

• Embedded form usage tracking

🧾 Donation & Withdrawal Admin Features

• Admin panel allows:

  • Donation detail listing per campaign

  • Withdrawal request approval workflow

  • RichText-based fund utilization updates

🧱 Admin Panel Structure (Vue.js SPA)

• Modular View-Based

• Core Features:

  • Reusable Form Components

  • Global Axios Setup with Auth Handling

  • Vue Router for Navigation

  • Role-based UI logic and conditional rendering
    
    

🗄️ Database Design

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