سليمان · مطوّر مواقع وتطبيقات ويب

أبني منتجات رقمية كاملة، من الواجهة إلى الخادم.

واجهات عربية واضحة، وحسابات ومزامنة بيانات، وذكاء اصطناعي حين يلزم. كل مشروع هنا بنيته بنفسي من الفكرة إلى التشغيل.

شاهد الأعمال جرّب وازن مباشرة ↗

3منتجات بنيتها

1منشور ويعمل

2قيد التطوير

الأعمال

كل مشروع بهويته الخاصة، ومعه ما بُني تحت الواجهة.

01 / wazenمنشور ويعمل

وازن.

تطبيق ويب لتسجيل الأكل ومتابعة السعرات والماكروز يومًا بيوم، بواجهة عربية للجوال أولًا.

تحت الغطاء

تحليل الوجبة بالذكاء الاصطناعي من وصف مكتوب أو صورة.
مسح الباركود بكاميرا الجوال، وبحث في قواعد بيانات غذائية.
حسابات ومزامنة بين الأجهزة مع كشف تعارض البيانات.
يُثبَّت كتطبيق ويعمل دون اتصال، واختبارات آلية قبل كل نشر.

JavaScriptConvexBetter AuthGemini APIPWAGitHub ActionsRender

افتح وازن قد يستغرق فتحه أول مرة نصف دقيقة.

صفحة التقدم في وازن: الوزن والسعرات والماء والخطوات

02 / wijhaقيد التطوير

وِجهة.

منتج عربي يحوّل الهدف من فكرة عامة إلى طريق يومي واضح: وش تسوي الآن، وين وصلت، ووش باقي.

تحت الغطاء

محرك تخطيط يولّد مراحل وخطوات حسب نوع الهدف ومستوى المستخدم.
فحص واقعية يقارن الموعد والوقت المتاح بحجم الخطة قبل اعتمادها.
محرك يومي يحدد الخطوة التالية، ويعيد ترتيب الخطة عند التعثر.
صلاحيات على مستوى كل سجل، فبيانات كل مستخدم له وحده.

TypeScriptReactViteAppwritePWA

قيد التطوير، يُنشر قريبًا

الصفحة الرئيسية لوِجهة على الكمبيوتر: لا تجمع مهام، امشِ باتجاه

03 / madarikقيد التطوير

مدارك.

تطبيق شخصي لتتبع القراءة والقرآن والمراجعات، بهوية مستوحاة من نقوش السدو.

تحت الغطاء

خطة قراءة يومية ومؤقت لجلسات القراءة.
مكتبة ومراجعات وتقارير لتقدّم القراءة.
مزامنة سحابية مع حل التعارض، ونسخ احتياطي للبيانات.
بحث شامل في المكتبة، ويعمل كتطبيق على الجوال.

JavaScriptVercel BlobPWA

قيد التطوير، يُنشر قريبًا

الرئيسية في مدارك: خطة اليوم والكتاب الحالي

الأدوات

ما استخدمته فعلًا في المشاريع أعلاه.

frontend

الواجهات

HTML وCSS وJavaScript وTypeScript وReact، عربي من اليمين لليسار.

backend

الخادم والبيانات

Convex وAppwrite، وتخزين ومزامنة بيانات المستخدم.

auth

الحسابات

تسجيل دخول وصلاحيات تحمي بيانات كل مستخدم.

الذكاء الاصطناعي

ربط Gemini لتحليل النصوص والصور داخل التطبيق.

pwa

تطبيقات الويب

تثبيت على الجوال وعمل دون اتصال.

الجودة

اختبارات آلية عبر GitHub Actions قبل النشر.

deploy

النشر

نشر على Render وVercel برابط حقيقي.

التصميم

كل منتج بهوية بصرية خاصة به.

طريقة العمل

من الفكرة إلى رابط تفتحه وتشاركه.

01 / understand

أفهم المطلوب

من سيستخدم الموقع، وما الذي يريد إنجازه بسرعة.

02 / build

أصمّم وأبني

واجهة واضحة، وخادم وبيانات حسب الحاجة.

03 / ship

أختبر وأنشر

على الجوال والكمبيوتر، ثم على رابط حقيقي.