مشروع شخصي · 2025–2026

StudyPal

رفيقي الرقمي في رحلة الدراسة الجامعية

بنيته لأنني احتجته — تطبيق ويب شامل يعمل على جميع أجهزتي. من تتبع الدرجات والمهام إلى مؤقت التركيز وإدارة الجلسات عبر Cloudflare.

تتبع الدرجات إدارة المهام بومودورو الجدول إنجازات
StudyPal
5
12
87%
A+
B+
A
🍅 18:42
10+
ميزة رئيسية
5
مواد دراسية
جلسة بومودورو
4
أجهزة متزامنة
1
مشروع بكل قلبي

بنيته لأنني احتجته

بدأت بسيطة — أريد مكاناً واحداً أتابع فيه مواد الجامعة، درجاتي، ومهامي. جربت تطبيقات كثيرة، لكن لا شيء كان يناسب نظام تقييم جامعة سعودية أو يدعم العربية بشكل حقيقي.

بدأت بصفحة HTML بسيطة مع localStorage، ثم توسعت شيئاً فشيئاً حتى أصبح تطبيقاً كاملاً يعمل على Cloudflare مع قاعدة بيانات سحابية، ونظام مصادقة، وإدارة جلسات عبر أجهزة متعددة.

The best way to predict the future is to invent it.

— Alan Kay

البداية — localStorage بسيطة

واجهة أساسية لتسجيل المواد والدرجات، كل شيء محلي في المتصفح

الانتقال إلى Cloudflare

نقل البيانات لقاعدة بيانات سحابية، بناء API عبر Workers، نظام تسجيل الدخول والجلسات

توسّع الميزات

البومودورو، الإنجازات، التقويم، مخطط المذاكرة، الموارد والملاحظات

الأمان والأجهزة المتعددة

طبقة مصادقة إضافية، إدارة الجلسات، تسجيل الخروج عن بُعد من أي جهاز

كل ما يحتاجه الطالب

مبني خصيصاً لنظام SEU لكنه يعمل مع أي سياق دراسي

تتبع الدرجات
نظام تقييم متكامل بأوزان SEU الأكاديمية الكاملة. حساب المعدل تلقائياً وحاسبة تكشف درجة النهائي المطلوبة للحصول على كل تقدير.
SEU WeightsGPAحاسبة النهائي
إدارة المهام
12 نوع مهمة (واجب، اختبار، مشروع، مناقشة...)، أولويات، تواريخ استحقاق، تذكيرات، وربط مباشر بالمادة الدراسية. فرز وتصفية متقدمة.
12 نوعأولوياتتذكيرات
مؤقت التركيز (بومودورو)
مؤقت بومودورو تفاعلي مع تتبع جلسات الدراسة، إحصائيات يومية وأسبوعية، وسجل كامل للوقت المستثمر مرتبط بكل مادة.
25/5 دقيقةإحصائياتسجل الجلسات
الجدول الدراسي
جدول أسبوعي تفاعلي مع دعم الحضور حضورياً وأونلاين، تتبع الغيابات، وتنبيه عند الاقتراب من الحد الأقصى المسموح.
حضوري / أونلاينتتبع الغيابات
نظام الإنجازات
نظام Gamification يكافئ على إكمال المهام، جلسات التركيز، الحضور المنتظم، وتحقيق أهداف الدراسة بإنجازات متعددة المستويات.
Gamificationمستويات متعددة
الملاحظات والموارد
ملاحظات ملونة مرتبطة بكل مادة، وقسم موارد لحفظ الروابط، ملفات PDF، مقاطع يوتيوب، والكتب لكل مادة على حدة.
ملاحظات ملونةتخزين سحابييوتيوب
إدارة الأجهزة
مزامنة فورية عبر كل الأجهزة مع لوحة إدارة الجلسات — عرض الأجهزة المتصلة، تسجيل الخروج عن بُعد من جهاز بعينه أو جميعها دفعة واحدة.
متعدد الأجهزةخروج عن بُعدإدارة جلسات
مخطط المذاكرة والتقويم
تقويم تفاعلي يجمع المهام والاختبارات في مكان واحد، مع مخطط مذاكرة ذكي يقترح خطة مراجعة قبل الاختبارات بناءً على الأولويات.
تقويمخطة مراجعة

مبني على Cloudflare Edge

اخترت Cloudflare لأن كل شيء في مكان واحد — النشر، قاعدة البيانات، الـ API، وتخزين الملفات. بدون خادم تقليدي.

Cloudflare Workers
Backend Serverless
🗄️
قاعدة البيانات السحابية
Cloudflare · بيانات على الحافة
🚀
Cloudflare Pages
Frontend hosting & CI/CD
📦
التخزين السحابي
Cloudflare · ملفات وموارد
🔔
نظام الإشعارات
تنبيهات ومصادقة إضافية
🌐
Vanilla JavaScript
ES Modules — بدون frameworks
🎨
CSS Custom Properties
Dark/Light · RTL-first design
🔐
إدارة الجلسات
مصادقة متعددة الأجهزة

ما علّمني إياه هذا المشروع

01
Edge Computing بلا خادم
تعلمت بعمق كيف تعمل البيئة Serverless — من بناء APIs كاملة بدون خادم تقليدي، إلى التعامل مع قواعد البيانات في الحافة وحدودها.
02
تصميم عربي RTL من الأساس
بناء واجهة عربية حقيقية ليست مجرد "عكس" إنجليزي — يتطلب تفكيراً مختلفاً في التخطيط، التايبوغرافي، الأيقونات، وتدفق التفاعل بالكامل.
03
الأمان يُبنى من البداية
من نظام الجلسات المتعددة إلى طبقات المصادقة وإدارة الأجهزة عن بُعد — تعلمت أن الأمان ليس ميزة تُضاف لاحقاً، بل هو جزء أساسي من التصميم الأوّلي.