Case Study

Educational & Orphan Care Platform

A comprehensive bilingual (Arabic/English) educational and orphan care management platform built with Laravel 10 backend and Vue.js 3 SPA admin panel. The system manages news, media center, library resources, academic curricula, question banks, contact forms, complaints, family management, volunteers, polls, and provides extensive content management capabilities for an orphan care organization.

La
Laravel
Technology
PH
PHP
Technology
MySQL
MySQL
Database
Vu
Vue.js
Technology
Vu
Vue Router
Technology
Vi
Vite
Technology
Tailwind CSS
Tailwind CSS
Frontend
Bo
Bootstrap
Technology
SC
SCSS/SASS
Technology
Ax
Axios
Technology
La
Laravel Sanctum
Technology
Ti
TinyMCE
Technology
Vu
Vue Quill
Technology
Vu
Vue Flatpickr
Technology
Ma
Maatwebsite Excel
Technology
Sp
Spatie Laravel Sluggable
Technology

Project Overview

Albayan Platform is a full-featured educational and social services management system designed for orphan care organizations. The platform combines a Laravel 10 REST API backend with a Vue.js 3 single-page admin application to manage comprehensive content including news articles with attachments, dynamic slides, custom pages with slides and attachments, extensive media center (photo albums, video albums, activities, awards, achievements), digital library with hierarchical book organization, academic curriculum management (stages, grades, semesters, subjects), question banks, contact form submissions, complaint tracking, family management, volunteer registration, interactive polls, and bilingual translation system. The public-facing website provides an accessible bilingual experience with RTL/LTR layout support, featuring dynamic content display, media galleries, library access, curriculum browsing, and multiple engagement forms. The platform includes robust translation management for seamless bilingual content delivery and comprehensive administrative tools for managing all aspects of the organization's digital presence.

Project Details

Client
Albayan Organization
Industry
Education & Social Services - Orphan Care
Year
2024
Project Type
Bilingual Educational Management Platform
Project Gallery

Project Showcase

Explore the comprehensive interface and features of Educational & Orphan Care Platform

Home

Home

Homepage featuring a light blue and white gradient header with navigation icons, and a prominent horizontal image banner showcasing an academic library setting with wooden bookshelves filled with books and a large white board in the background

Contact Us

Contact Us

Contact page with light blue and white gradient header containing navigation icons, a horizontal image banner displaying a modern interior space with furniture and green plants, and contact form or contact information section below

Employment

Employment

Employment page with the same light blue and white gradient header design, featuring a large white content area with job listings and employment-related information organized in a clean layout

Footer

Footer

Footer section with deep blue or purple background containing multiple rectangular elements and icons arranged in a grid pattern, text links, colored status indicators, and a light blue or teal band along the bottom edge

Key Features

Powerful Features

Innovative solutions designed to deliver exceptional user experience and business value

News Management

Create and manage news articles with bilingual titles, descriptions, rich text content, cover images, media attachments, ticker support, featured status, draft/publish workflow, and drag-and-drop sorting. Support for multiple attachment types (images, PDFs, documents).

Core Feature

Slides Management

Manage dynamic hero slider slides with bilingual titles, descriptions, custom buttons, button URLs, media associations, and drag-and-drop sorting for slide ordering on homepage and custom pages.

Core Feature

Pages Management

Create and manage custom pages with bilingual titles, descriptions, rich text content, associated slides, multiple attachment types (images, PDFs, documents, presentations), attachment view modes (thumbnails, list, text links), and page-specific settings.

Core Feature

Media Center - Photo Albums

Organize photo albums with covers, titles, and associated photos. Manage photo galleries with published/unpublished status, sorting, and media associations.

Core Feature

Media Center - Video Albums

Manage video albums with covers and titles. Support for YouTube videos and custom video uploads with thumbnails. General video albums for featured content display.

Core Feature

Media Center - Activities

Comprehensive activity management system with activity types, categories, subcategories, and file attachments. Hierarchical organization for educational activities and programs with file upload support (PDFs, documents, images).

Core Feature

Media Center - Awards & Honors

Manage awards and honors with categories, bilingual titles, introduction text, award images or PDFs, and drag-and-drop sorting for display ordering.

Core Feature

Media Center - Achievements

Showcase organizational achievements with categories, bilingual content, media associations, and comprehensive achievement management with sorting capabilities.

Core Feature

Digital Library Management

Comprehensive library system with hierarchical organization: sections, categories (Sections2), subcategories (Sections3), and books. Manage books with metadata (title, author, publisher, subject, call number, pages, contributor, language, group, readers count), file uploads, URL links, and visitor tracking. Support for ebook downloads and reading statistics.

Core Feature

Academic Curriculum Management

Manage educational curricula with hierarchical structure: stages, grades, semesters, and subjects. Create curriculum entries with internal page links or external URLs, track download counts and readers. Support for curriculum browsing by academic structure.

Core Feature

Question Banks

Manage question banks organized by stages, grades, semesters, and subjects. Upload question files, track subject associations, and provide organized access to educational questions for students and teachers.

Core Feature

Contact Form Management

Collect and manage contact form submissions with name, email, phone, subject, message, message type (message, suggestion, question, complaint), reply functionality, read status tracking, and department assignment. Export capabilities for data analysis.

Core Feature

Complaints System

Dedicated complaints management system with user authentication, complaint tracking, reply functionality, read status, department assignment, and export capabilities. Separate admin interface for complaint resolution.

Core Feature

Family Management

Manage family records and information for orphan care services. Track family details, relationships, and associated information for comprehensive family support management.

Core Feature

Volunteer Management

Manage volunteer registrations and information. Collect volunteer data through frontend forms and manage volunteer records in the admin panel for coordination and engagement.

Core Feature

Interactive Polls

Create and manage interactive polls with two types: text options (up to 6 options) and face ratings (excellent, very good, good, ok, not agree). Set start and end dates, track votes, view poll results, duplicate polls, and manage poll lifecycle. Frontend voting with result display.

Core Feature

Translation System

Comprehensive bilingual translation management system. Create and manage English-Arabic translation pairs with automatic JSON file generation (en.json and ar.json) for frontend consumption. Translation files are regenerated on create/update/delete operations for seamless bilingual content delivery.

Core Feature

General Settings

Configure site-wide settings including logo, contact information (phone, email, address), social media links (Facebook, Twitter, Instagram, YouTube, WhatsApp), organization values, vision, and message (bilingual), Google Maps integration, statistics (teachers count, students count, educational programs, graduated students), contact form settings, theme colors, background images, intro text and picture, and header buttons configuration.

Core Feature

Page Settings

Manage page-specific settings for different sections of the website. Configure custom settings, display options, and content configurations for individual pages.

Core Feature

Services Management

Manage electronic services with titles, icons, colors, and links. Display services in a grid layout on the homepage with custom styling and external/internal URL support.

Core Feature

Homepage Links

Configure homepage quick links including Talented Women, E-learning, Educational Curricula, Academic Results, Question Bank, Graduate Program, English Department, American Diploma, and Electronic Library with custom URLs.

Core Feature

Footer Management

Manage footer structure with columns and menu items. Create footer columns, add menu items with URLs, configure main menu and footer menu inclusion, icons for main menu items, and organize navigation structure.

Core Feature

User Management

Manage admin users with name, email, password, and user roles. Create, update, and delete user accounts with secure authentication.

Core Feature

Admin Profile Management

Admin user profile management with password change functionality, profile updates, and authentication system with Laravel Sanctum for secure API access.

Core Feature

Partners Management

Manage partner organizations with logos, titles, and display ordering. Showcase partners on the website with custom media associations.

Core Feature

Library Visitors Tracking

Track library visitors and usage statistics. Record visitor information, generate reports, and export visitor data for analysis and reporting purposes.

Core Feature

Language Switching

Frontend language toggle between Arabic and English with cookie-based persistence, automatic RTL/LTR layout switching, and dynamic content translation using JSON translation files.

Core Feature

Data Export

Export functionality for various modules including news, pages, contacts, complaints, academic resources (stages, semesters, subjects, grades, curriculums, question banks, sections, books), polls, and library visitors. Excel export using Maatwebsite Excel package.

Core Feature

Media Management

Centralized media library for uploading and organizing images, videos, and documents. Reusable media associations across slides, news, pages, albums, and other content types. Support for various file types and formats.

Core Feature
Let's Get Started

Ready to Create Your Next Success Story?

Let's discuss your project requirements and create a custom solution that drives your business forward.