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

StudyPal

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

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

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

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

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

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

لما لم أجد الأداة التي أحتاجها، بنيتها — وهذا أكثر ما تعلمته من رحلة البرمجة.

— عبدالله، مطوّر المشروع

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

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

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

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

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

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

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

2FA عبر Telegram، إدارة الجلسات، تسجيل الخروج عن بُعد من أي جهاز

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

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

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

مبني على Cloudflare Edge

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

Cloudflare Workers
Backend API — Serverless Edge
🗄️
Cloudflare D1
SQLite database at the edge
🚀
Cloudflare Pages
Frontend hosting & CI/CD
📦
Cloudflare R2
File storage — موارد المواد
📱
Telegram Bot API
إشعارات و2FA
🌐
Vanilla JavaScript
ES Modules — بدون frameworks
🎨
CSS Custom Properties
Dark/Light · RTL-first design
🔐
Session Management
Multi-device auth & revocation

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

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