البورتفوليو الشخصي
موقع ثنائي اللغة بلوحة تحكم
هذا الموقع: بورتفوليو بالعربية والإنجليزية فيه دراسات حالة للمشاريع ونموذج طلب مشروع ولوحة تحكم كاملة لتعديل كل الأقسام، ويعمل على Cloudflare Workers.
mohamedselim.dev
- الحالة
- مكتمل
- الدور
- مطوّر ويب متكامل (تصميم وتطوير ونشر)
- العميل
- مشروع شخصي
- السنة
- 2026
- نوع المشروع
- تطبيقات ويب
نظرة عامة
نظرة عامة
البورتفوليو الخاص بي، مبني كمنتج حقيقي وليس صفحة ثابتة: كل نص وصورة ومشروع وإعداد في الموقع يمكن تعديله من لوحة تحكم خاصة، بالعربية والإنجليزية.
التحدي
كنت أريد تحديث المشاريع والخدمات وبيانات التواصل دون تعديل الكود أو إعادة النشر، مع قاعدة كود واحدة للغتين بتخطيط صحيح من اليمين لليسار، واستضافته دون سيرفر تقليدي أو قاعدة بيانات مدفوعة.
الحل
تطبيق Next.js 16 منشور على Cloudflare Workers. المحتوى محفوظ في Cloudflare D1 والصور المرفوعة في R2. لوحة التحكم مولّدة من مخطط واحد، فكل الأقسام تشترك في نفس النماذج والتحقق والنشر والمسودات وإعادة الترتيب والبحث. الترجمات من ملفات مشتركة واللغة جزء من الرابط. منطقة الإدارة محمية بكوكي جلسة موقّعة وكلمة سر مشفّرة بـ PBKDF2، مع تحقق على السيرفر وحد لعدد المحاولات في تسجيل الدخول ونموذج الطلبات.
الميزات الرئيسية
- عربي وإنجليزي بتخطيط RTL حقيقي من ملفات ترجمة مشتركة
- صفحات الرئيسية ومن أنا والمشاريع ودراسة الحالة والخدمات والتواصل
- تصفية المشاريع ومعرض لقطات مع تكبير الصور
- نموذج طلب مشروع مع تحقق في المتصفح وعلى السيرفر
- لوحة تحكم لكل أقسام الموقع
- نشر ومسودات وإعادة ترتيب وبحث وتصفية في كل قائمة
- مكتبة وسائط مع رفع الصور إلى Cloudflare R2
- صندوق للطلبات بحالات مقروء وتم الرد ومؤرشف
- إحصائيات زوار تحترم الخصوصية بدون أطراف خارجية
- تحسين محركات البحث: بيانات وصفية وhreflang وخريطة الموقع وصورة مشاركة مولّدة
- ألوان المظهر ووضع الصيانة قابلة للتعديل من اللوحة
- البيانات غير المعروفة (الإحصائيات والآراء) تبقى مخفية حتى تُملأ
لقطات من المشروع
نظرة أقرب على المنتج وشاشاته الرئيسية.
التقنيات المستخدمة
التقنيات التي بُني بها هذا المشروع.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Cloudflare Workers
- Cloudflare D1
- Cloudflare R2
تفاصيل المشروع
معلومات أساسية عن هذا المشروع.
- الحالة
- مكتمل
- الدور
- مطوّر ويب متكامل (تصميم وتطوير ونشر)
- العميل
- مشروع شخصي
- السنة
- 2026
- نوع المشروع
- تطبيقات ويب
- الروابط
- mohamedselim.dev
مسؤولياتي
المجالات الرئيسية التي كنت مسؤولًا عنها.
- تصميم الواجهات وتنفيذها متجاوبة بالعربي والإنجليزي
- تطوير الواجهة الأمامية والخلفية
- نموذج المحتوى ولوحة التحكم المبنية من مخطط واحد
- المصادقة والتحقق من المدخلات وحد المحاولات
- طبقة البيانات على Cloudflare D1 وR2
- النشر على Cloudflare Workers
المشروع التالي