Project Overview
Al-Mukhtar Educational is a full-featured online learning platform designed specifically for the Arab community, providing a secure and interactive environment for remote education. The platform integrates recorded and live lectures, advanced testing systems, progress tracking, and AI-powered assistance to create an engaging learning experience that bridges traditional education with modern technology.
Problem & Solution
Problem:
Traditional education systems in the Arab world often lack modern digital infrastructure, making remote learning fragmented, less engaging, and difficult to manage for both students and teachers.
Solution:
Al-Mukhtar addresses these issues by providing a fully automated workflow:
- Interactive lecture delivery system supporting both recorded and live sessions
- AI-powered chat assistant for personalized learning support and queries
- Comprehensive assessment tools with automatic grading and progress tracking
- Secure access control using activation codes for course enrollment
- Real-time attendance monitoring and detailed analytics dashboards
- Certificate generation and management for completed courses
Key Features
Core Features
Lecture Management System
Teachers can upload, organize, and deliver video lectures with detailed metadata and access controls.
Interactive Assignments
Create and distribute homework assignments with automatic notifications and submission tracking.
Live Session Support
Real-time virtual classrooms with attendance tracking and interactive features.
AI-Powered Chat Assistant
Integrated AI chatbot using Groq and Google Generative AI to answer student questions and provide learning support.
Certificate Generation
Automated creation and issuance of completion certificates with customizable templates.
Analytics Dashboard
Comprehensive statistics and reports on student performance, engagement, and course metrics.
Future Features
Mobile Applications
Native iOS and Android apps for on-the-go learning access.
Advanced Video Conferencing
Integrated video calling with screen sharing and breakout rooms.
Gamification System
Badges, leaderboards, and rewards to increase student motivation and engagement.
Tech Stack
Architecture Highlights
- Server-side rendering: Built with Next.js for optimal performance and SEO in educational searches.
- Integrated API Routes: Handles complex backend logic and authentication directly within the Next.js framework.
- Robust Data Management: Uses SQL Server with the MSSQL driver for secure, relational storage of student and course data.
- Hybrid AI Integration: Leverages Groq and Google Generative AI for low-latency, high-accuracy user interactions.
- Optimized Storage: High-performance file upload system using Busboy with SFTP storage for heavy lecture videos.
Challenges & Solutions
- Arabic language support & RTL → Added comprehensive Arabic text validation and RTL CSS direction throughout the UI.
- Managing large video uploads → Implemented efficient file streaming with Busboy and configured SFTP server storage.
- Real-time attendance tracking → Developed a custom notification service and implemented database polling for instant updates.
Screenshots
Future Improvements
- Native mobile applications for iOS and Android
- Integrated video conferencing with breakout rooms
- Gamification badges and rewards systems
- AI-driven personalized study paths
- Automated WhatsApp notification integration