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

مسار

لوحتي الشخصية لإدارة كل ما أبني

بنيته لأنني احتجته — مكان واحد أتابع فيه كل مشاريعي وأفكاري. قائمة مهام، ملاحظات، تتبع التقدم، بنك الأفكار. صُمِّم بالكامل لاستخدامي الشخصي، ولا يدخله غيري.

لوحة المشاريع بنك الأفكار إدارة المهام ملاحظات مصادقة آمنة
مسار · لوحة المشاريع
🗺️
8
3
12
75%
40%
20%
6
تصنيف للمشاريع
مشروع وفكرة
1
مستخدم: أنا فقط
0
تطبيقات خارجية

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

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

قررت أن أبني الأداة التي أريدها بالضبط — لوحة تحكم واحدة أتابع فيها كل مشاريعي، أحتفظ بأفكاري الجديدة، وأنظّم مهامي. لا تسجيل مستخدمين، لا ميزات للمشاركة، لا شيء زائد — مجرد أداة شخصية بنيتها لنفسي.

If you want something done right, do it yourself.

— Charles-Guillaume Étienne

المشكلة — مشاريع متناثرة

أفكار في الملاحظات، مشاريع في مجلدات، لا رؤية واضحة للتقدم أو الأولويات

البناء — Vanilla JS + Firebase

اخترت البساطة: HTML/CSS/JS خالصة مع قاعدة بيانات سحابية، بدون أي framework

الخصوصية — مصادقة + قواعد وصول

نظام تسجيل دخول آمن مع قواعد صلاحيات تمنع أي وصول غير مصرح به

النشر — Cloudflare Pages

متاح على جميع أجهزتي في أي وقت — الجوال، اللابتوب، أي مكان

كل ما أحتاجه في مكان واحد

مصمّم لاستخدام شخصي — كل ميزة موجودة لأنني احتجتها فعلاً

لوحة المشاريع
بطاقات مرئية لكل مشروع مع تتبع نسبة التقدم، الحالة، الأولوية، وآخر تحديث. فلترة وبحث فوري. عرض المشاريع حسب الفئة أو الحالة أو الأولوية.
تتبع التقدمفلترةبحث
بنك الأفكار
أحتفظ بكل فكرة تخطر ببالي في لحظتها — مع وصف، تصنيف، أولوية، ومرحلة (خام / قيد البحث / جاهزة). إمكانية تحويل أي فكرة إلى مشروع بضغطة.
خامقيد البحثجاهزة
إدارة المهام
قائمة مهام مرتبطة بكل مشروع — إضافة، إكمال، حذف. تحديث تلقائي لنسبة التقدم بناءً على المهام المكتملة. تتبع آخر مهمة والخطوة التالية.
تقدم تلقائيالخطوة التالية
ملاحظات غنية
محرر ملاحظات كامل لكل مشروع مع أدوات تنسيق — نص عريض، مائل، قوائم، كود. حفظ تلقائي في قاعدة البيانات دون الحاجة لأي إجراء يدوي.
تنسيق نصيحفظ تلقائي
أرشيف المشاريع
المشاريع المكتملة أو المتوقفة لا تُحذف — تُؤرشف. يمكن استعراض الأرشيف كاملاً واستعادة أي مشروع في أي وقت مع كامل بياناته.
أرشفةاستعادة
صحة المشروع
مؤشر "صحة" لكل مشروع يحسب تلقائياً بناءً على التقدم، تاريخ آخر تحديث، والمهام المكتملة. يعطيني صورة فورية عن كل مشروع دون الحاجة للتفكير.
مؤشر صحةتلقائي
روابط المشروع
لكل مشروع حقل للروابط المهمة — GitHub، الموقع المنشور، ملفات Drive. وصول سريع لكل شيء مرتبط بالمشروع من مكان واحد.
GitHubموقعملفات
تصدير البيانات
تصدير كامل لجميع المشاريع بصيغة JSON للنسخ الاحتياطي، أو CSV لاستعراضها في Excel. بياناتي تبقى في يدي دائماً.
JSONCSVنسخ احتياطي

مبني على Firebase + Vanilla JS

اخترت البساطة — لا frameworks، لا تعقيد. كل شيء واضح ومباشر.

🔥
Firebase
قاعدة بيانات سحابية · مزامنة فورية
🔐
نظام المصادقة
Firebase · حماية الوصول
🌐
Vanilla JavaScript
ES6+ · بدون أي framework
🎨
HTML & CSS
RTL-first · متجاوب
🚀
Cloudflare Pages
Hosting · CDN عالمي
🛡️
قواعد الأمان
صلاحيات وصول مقيّدة

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

01
Firebase كمنظومة متكاملة
تعلمت كيف تعمل قواعد البيانات السحابية اللحظية، وكيف تكتب قواعد أمان تحمي البيانات بشكل حقيقي، وكيف تربط نظام المصادقة بطبقة الصلاحيات.
02
SPA بلا framework
بناء تطبيق أحادي الصفحة كاملاً بـ Vanilla JS — إدارة الحالة، التوجيه، الـ rendering، وتفويض الأحداث. أثبت أن React ليس دائماً الجواب.
03
ابنِ لنفسك أولاً
أفضل ما في هذا المشروع أنه مبني لاستخدامي الحقيقي — لا أساومة في التصميم، لا ميزات لإرضاء مستخدمين متخيّلين. نتيجة: أداة أستخدمها كل يوم.