Ali E.

  • ترجمة لغات تفريغ صو
  • السودان

التعليم

Sudan University

Coursera


نبذة

أنا علي الطيب، مطوّر ويب شغوف Full-Stack Developer أجمع بين الإبداع في الواجهة الأمامية والقوة في البرمجة الخلفية. منذ سنوات دراستي الأولى تميزت بالتفوق الأكاديمي ، وتخرجت من المرحلة الثانوية بإنجاز باهر، وهذا النجاح دفعني لاتباع نهج التعلم المستمر عبر منصات عالمية مثل Coursera، بالإضافة إلى الاستفادة من المحتوى التقني على YouTube ومصادر أخرى.

 

أمتلك خبرة واسعة في:

 

Front-End: HTML, CSS, JavaScript, Bootstrap, React ️, Vue

 

Back-End: Python , Django

 

مهارات أخرى: RESTful APIs, Git & GitHub, التصميم المتجاوب، وحل المشكلات.

 

من أبرز مشاريعي:

 

CRUD System: نظام متكامل لإدارة البيانات.

 

Responsive Dashboard: لوحة تحكم متجاوبة وأنيقة.

 

DriveLedger: مشروع متكامل بنيته باستخدام React للفرونت إند و Django للباك إند لإدارة البيانات بكفاءة عالية.

 

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

 

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


الخبرات

DRIVELEDGER WEBSITE

DRIVELEDGER هو منصّة ذكية ومتكاملة لإدارة رحلات السائقين، مصممة خصيصًا لتبهر، تنظم، وتسهّل كل خطوة في عالم النقل واللوجستيات.

 

من أول إدخال بيانات السائق، إلى رسم الخرائط، إلى تتبع ساعات القيادة والراحة، الموقع يقدم تجربة سلسة، عصرية، ومليئة بالتفاصيل الدقيقة التي تهم كل مشغل أسطول أو سائق محترف.

 

---

 

المميزات اللي تخلي DRIVELEDGER مختلف:

 

- واجهة مستقبلية بتصميم رائع و متفاعل يخطف الأنظار

- نموذج ذكي لإدخال معلومات السائق والشحن بدقة وسرعة

- خريطة تفاعلية تربط المواقع وتعرض المسار بوضوح

- جدول زمني ملون لحالة السائق: قيادة، راحة، نوم، عمل

- ملخص الرحلة يشمل المسافة، الوقت، وعدد توقفات الوقود

- تصدير البيانات بضغطة زر الطباعة مباشرة PDF

- دعم ثنائي اللغة عربي وإنجليزي لتوسيع الوصول والاحترافية

 

---

 

لمن هذا الموقع؟

 

لكل من يعمل في مجال النقل، اللوجستيات، أو إدارة الأساطيل.

سواء كنت سائقًا، مشرفًا، أو صاحب شركة، DRIVELEDGER يعطيك القوة، التنظيم، والرؤية الكاملة لرحلتك.


DRIVELEDGER WEBSITE


رابط الموقع


CRUDS PROJECT

🚀 مشروع CRUDS هو تطبيق ويب متكامل صُمم ليكون نموذج عملي لإدارة البيانات بشكل مرن واحترافي. المشروع يتيح للمستخدم القيام بكافة العمليات الأساسية على البيانات من خلال واجهة تفاعلية وأنيقة، ويُظهر قوة الدمج بين التصميم العصري والبرمجة العملية.

 

✨ مميزات المشروع:

 

إضافة بيانات جديدة ✍️ مع واجهة منظمة وسهلة الاستخدام.

 

عرض البيانات 📊 بطريقة مرتبة وجذابة لتسهيل قراءتها وتحليلها.

 

تعديل البيانات ✏️ في أي وقت مع تحديث فوري ومرن.

 

حذف البيانات 🗑️ بأمان وسرعة للحفاظ على دقة السجلات.

 

البحث الذكي 🔍 الذي يمكّن المستخدم من الوصول السريع لأي عنصر داخل النظام.

 

🎨 تصميم الواجهة:

تم الاعتماد على تصميم متجاوب (Responsive Design) يضمن تجربة مستخدم سلسة على مختلف الأجهزة (حاسوب، تابلت، هاتف). الألوان والخطوط تم اختيارها بعناية لخلق تجربة بصرية مريحة وحديثة.

 

🛠️ الجوانب التقنية:

 

HTML5 و CSS3 لهيكلة وتصميم واجهة قوية ومتناسقة.

 

JavaScript لإضفاء الديناميكية والتفاعل مع البيانات.

 

إمكانية تطوير المشروع مستقبلاً ليتكامل مع قواعد بيانات خارجية أو Back-end Frameworks مثل Django أو Node.js لتوسيع نطاق الاستخدام.

 

🌐 القيمة المضافة:

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

 

🔥 ببساطة، مشروع CRUDS يُظهر مدى الاحترافية في الجمع بين الجانب النظري والعملي، ويبرهن على القدرة في تحويل الأفكار إلى تطبيقات حقيقية قابلة للتوسع.


CRUDS WEBSITE


RESPONSIVE DASHBOARD

مشروع Responsive Dashboard هو لوحة تحكم تفاعلية تم بناؤها باستخدام HTML و CSS فقط، لتُظهر قوة التصميم وقدرته على تقديم تجربة احترافية حتى بدون اللجوء إلى لغات برمجة إضافية.

 

✨ مميزات المشروع:

 

لوحة تحكم أنيقة 📊 تعرض المكونات بشكل مرتب وواضح.

 

تصميم متجاوب بالكامل 📱💻 يعمل بسلاسة على الهواتف، الأجهزة اللوحية، وأجهزة الكمبيوتر.

 

قوائم جانبية ورأسية 🧭 مصممة بدقة لتسهيل التنقل بين الأقسام.

 

تصميم نظيف وحديث 🎨 يعكس المعايير العصرية في واجهات المستخدم.

 

استخدام نظام الشبكات (CSS Grid) و Flexbox لبناء هيكل منظم وسهل التخصيص.

 

🎨 تصميم الواجهة:

تم التركيز على بساطة التصميم ووضوح العناصر، مع اختيار ألوان متناسقة وخطوط عصرية توفر تجربة استخدام مريحة. كما تم اعتماد Media Queries لتحقيق تجاوب كامل مع مختلف الشاشات.

 

🛠️ الجوانب التقنية:

 

HTML5 لبناء الهيكل الأساسي للوحة التحكم.

 

CSS3 لتصميم واجهة متجاوبة وعصرية باستخدام:

 

Flexbox لترتيب العناصر.

 

CSS Grid لبناء تخطيط ديناميكي.

 

Media Queries لضمان التوافق مع جميع الأجهزة.

 

🌐 القيمة المضافة:

هذا المشروع يبرز القدرة على تصميم لوحات تحكم عملية واحترافية حتى باستخدام الأدوات الأساسية فقط. وهو يُظهر بوضوح مهاراتك في تحويل الأفكار إلى واجهة متكاملة يمكن تطويرها لاحقًا لتشمل عناصر تفاعلية أو ربط ببيانات حقيقية.

 

🔥 ببساطة، مشروع Responsive Dashboard يعكس احترافية في تصميم الواجهات الأمامية باستخدام HTML و CSS، ويُعد إضافة قوية لأي بورتفوليو يُظهر مهاراتك في التصميم والاستجابة (Responsive Design).


RESPONSIVE DASHBOARD WEBSITE

هل تبحث عن فرصة للعمل عن بعد؟

حدد التخصصات التي ترغب في العمل بها لنرسل نشرة الوظائف الدورية إلى بريدك الإلكتروني

برمجة وتطوير
تسويق ومبيعات
كتابة وترجمة
تصميم
إدارة وأعمال
دعم فني
المجالات الأخرى