Bader.Life (بادر) — Community Media Initiatives Platform
help platformAbout the Project
Bader (بادر | Bader.Life) is a modern, high-impact digital platform dedicated to launching, sponsoring, and tracking community media initiatives. By uniting media production, educational campaigns, and public participation, Bader transforms cultural and behavioral awareness across society.
The application serves two audiences:
Public Community: Citizens, organizations, and sponsors can discover initiatives, submit new initiative proposals, contribute directly to active campaigns, and explore real-time impact metrics.
Platform Administrators: Managers and content directors have access to a bilingual Filament v3 backoffice to oversee initiative workflows, review proposals, track budgets, upload high-resolution media galleries, and manage global platform CMS content.
🚀 Key Features
1. Public Portal (Livewire 3)
Dynamic Welcome & Discovery: Hero banner with floating micro-animations, quick action triggers, and brand counters.
Initiatives Explorer: Browse initiatives filtered by category and lifecycle status (ready, in_progress, completed).
Initiative Detail View: Rich multimedia presentation including Spatie MediaLibrary galleries, detailed objectives, deliverables, and cost breakdowns.
"Launch Your Initiative" (أطلق مبادرتك): A structured submission wizard (LaunchInitiativeForm) that captures title, problem statement, target audience, solutions, partner details, and budget with automated reference number generation.
"Participate in Initiative" (شارك في المبادرة): Interactive participation form (InitiativeParticipationForm) enabling volunteers and sponsors to register financial or logistical contributions.
Comprehensive CMS Pages: Dedicated pages for About Us, Services, How We Work (process steps), Partners, and searchable FAQs.
Contact Management: Direct inquiry form with flash notifications powered by Livewire Toaster & Alerts.
2. Bilingual Architecture (Arabic & English)
Bi-Directional Layouts: Automatic switching between Arabic RTL (font-cairo, right-to-left layout) and English LTR (font-sans/Poppins, left-to-right layout).
URL-Based Localization: Powered by mcamara/laravel-localization (/ar and /en prefixes) with transparent session fallback.
Translatable Models: Built on spatie/laravel-translatable — multilingual fields (e.g. title, description, deliverables) are stored as clean JSON in the same record without table fragmentation.
Dual-Language Admin Switcher: Real-time interface language switcher integrated directly into Filament’s top navigation bar and settings page.
3. Filament v3 Admin Control Center
A responsive backoffice built with Filament PHP v3:
Initiative Management:
Tabbed bilingual inputs for titles, short excerpts, and rich markdown descriptions.
Dedicated media management (single-file vector/raster icons + multi-image gallery).
Itemized cost tracking (Podcast Production, Publishing, Social Media Management, Marketing & Fundraising) with automatic total calculations.
Granular completion status indicators per cost category.
Initiative Proposals & Participations:
Review pipeline for submissions with reviewer assignment (reviewed_by, reviewed_at) and workflow states (pending, reviewing, approved, rejected).
Participant ledger tracking payment statuses (pending, completed), methods, and transaction IDs.
Full Platform CMS Management:
Manage Services, Partners, FAQs, About Us content, and How We Work step-by-step phases.
Footer Settings: Singleton configuration model managing bilingual copyrights, social links, and privacy URLs.
Metrics & Site Statistics: Configure KPI targets, views, interactions, and impact statistics.
4. Chunked Video Upload Pipeline
High-volume video upload support up to 1 GB via VideoUploadController and VideoUploadService.
Slices video files into configurable chunks with SHA validation and client-side progress updates (/upload/video/chunk).
5. Dynamic Impact Measurement
Dedicated impact engine (ImpactStatsService) aggregating telemetry from both Eloquent models (InitiativeParticipation, Partner) and dynamic metrics (ImpactMetric, SiteStat).
Computes total community views, media interactions, active participants, and completed campaigns with fallbacks.
Technologies Used
Laravel 12.x
Filament v3
Livewire 3.6
Tailwind CSS 3.x
Google Fonts
Spatie MediaLibrary 11
Spatie Translatable 6 & Laravel Localization
SQLite / MySQL / PostgreSQL
Vite 6