Case Study

Educational Training Platform

An Arabic-first training ecosystem pairing a Laravel 8 backend with a Vue.js 2 SPA admin and Blade-based public site to guide educators through step-based DISC methodology courses, consultations, meetings, and content resources.

La
Laravel
Technology
PH
PHP
Technology
MySQL
MySQL
Database
Vu
Vue.js
Technology
Vu
Vue Router
Technology
Ax
Axios
Technology
jQ
jQuery
Technology
Ow
Owl Carousel
Technology
Se
Select2
Technology
Fl
Flatpickr
Technology

Project Overview

Elaqa delivers a comprehensive training journey for educators and guardians seeking to master behavioral pattern methodologies. The platform blends a Laravel REST API with a Vue.js single-page admin console for managing users, step configurations, lectures, quizzes, sponsors, media, articles, virtual meetings, and translation assets. The public-facing site provides Arabic-first content with English support, enabling prospective learners to register, explore course levels, book consultant sessions, review articles, and engage with meeting events while administrators oversee progress, certifications, and communications.

Project Details

Client
Elaqa
Industry
Education & Professional Development
Year
2022
Project Type
Bilingual E-Learning Web Platform
Project Gallery

Project Showcase

Explore the comprehensive interface and features of Educational Training Platform

Home

Home

Primary landing page introducing the educator training journey and hero slider.

Introduction to Pattern Science

Introduction to Pattern Science

Educational overview explaining the DISC-based methodology in Arabic.

Training Levels

Training Levels

Step-based curriculum cards outlining foundational, practitioner, and professional tracks.

Registration

Registration

Learner onboarding form capturing demographics, sponsors, and contact information.

Log In

Log In

Authentication dialog for returning learners with password visibility controls.

Forgot Password

Forgot Password

Recovery screen to request reset links and guide users back to the login experience.

Contact Us

Contact Us

Support page providing communication channels, social links, and footer navigation.

Key Features

Powerful Features

Innovative solutions designed to deliver exceptional user experience and business value

Structured Training Steps

Configure multi-part course levels with success thresholds, certificates, and future releases.

Core Feature

Lecture & Quiz Engine

Serve randomized question sets per lecture, record answers, and gate learner progression.

Core Feature

Learner Registration & Profiles

Collect demographic, sponsor, and organization details with verification and password recovery workflows.

Core Feature

Consultation Scheduling

Publish consultant rosters and allow learners to reserve online or in-person time slots.

Core Feature

Media & Sponsor Management

Handle hero slides, partner logos, and downloadable media with reusable assets.

Core Feature

News & Article Publishing

Author bilingual articles and enrichment meeting highlights for the public portal.

Core Feature

Dynamic Translation Workspace

Manage English and Arabic strings, regenerate JSON resources, and keep content localized.

Core Feature

Certificates & Progress Control

Award certificates, reset attempts, and monitor learner metrics with detailed step data.

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.