مطور واجهات أمامية جزائري (Front-End Developer) بخبرة Full Stack – React / Next.js / TypeScript
أنا مطوّر واجهات أمامية شغوف ببناء تجارب مستخدم احترافية وسلسة، أمتلك خبرة واسعة في تطوير تطبيقات الويب باستخدام React.js, Next.js, وTypeScript، بالإضافة إلى خبرة قوية في البنية الخلفية باستخدام Node.js وExpress، مع قواعد البيانات MongoDB.
 
أعمل بمنهجية Clean Code، وأولي اهتمامًا كبيرًا بتجربة المستخدم، الأداء، وإمكانية التوسّع. قمت بتطوير مشاريع فعلية تشمل مواقع للمطاعم، شركات الإنتاج، والخدمات، حيث توليت مسؤولية بناء الواجهات وتحقيق التكامل الكامل مع الباك اند.
 
- التقنيات والمهارات الأساسية:
الواجهات الأمامية (Front-End):
 
React.js / Next.js
 
TypeScript / JavaScript (ES6+)
 
Tailwind CSS / HTML5 / CSS3
 
Vite
 
Zustand / Redux Toolkit
 
Axios / Fetch
 
Responsive Design
 
تحسين الأداء (Performance Optimization)
 
الواجهة الخلفية (Back-End):
 
Node.js / Express.js
 
MongoDB / Mongoose
 
RESTful API Design
 
مصادقة JWT
 
رفع الملفات، التعامل مع الطلبات، إدارة قواعد البيانات
 
نشر التطبيقات (Render, AWS S3)
 
- أمتلك فهماً متكاملاً لهيكلة المشاريع، التعامل مع البيانات، وبناء تجربة مستخدم متكاملة من الواجهة إلى الخادم.
 
- أبحث عن فرصة للانضمام إلى فريق تقني احترافي أضع فيه خبرتي وشغفي في خدمة منتج عالي الجودة يخدم المستخدمين بفعالية، ويساهم في نمو الشركة تقنيًا.
التقنيات المستخدمة: React.js, Next.js, TypeScript, Tailwind CSS, HTML5, CSS3
الوصف:
عملت على تطوير مجموعة من الواجهات الأمامية لمواقع إلكترونية موجهة لمجالات مختلفة مثل المطاعم، شركات الإنتاج، والخدمات، مع التركيز على تصميم واجهات احترافية وسريعة الاستجابة تتماشى مع متطلبات المستخدمين وتجربة الاستخدام الحديثة.
 
المهام التي قمت بها:
 
تحويل تصاميم Figma إلى واجهات تفاعلية باستخدام React وNext.js
 
استخدام Tailwind CSS لبناء تصميمات مرنة ومتجاوبة
 
تحسين أداء الصفحات وتجربة المستخدم (UX/UI)
 
دعم تعدد اللغات في الواجهة (العربية والإنجليزية)
 
استهلاك REST APIs وعرض البيانات بشكل ديناميكي
 
إدارة الحالة باستخدام Zustand وRedux Toolkit
 
تنظيم بنية المشروع وكتابة كود نظيف وقابل لإعادة الاستخدام
 
اختبار الواجهات عبر مختلف الأجهزة والمتصفحات
 
نشر الواجهات على منصات مثل Render وAWS S3
جهة التنظيم: نادي ELEC CLUB – جامعة محمد بوضياف المسيلة
الوصف:
شاركت ضمن فريق تقني لتصميم وتطوير منصة Project-0، وهي منصة إلكترونية متكاملة لإدارة وتنظيم المسابقات الجامعية. المنصة تم استخدامها فعليًا في حدث نظمه النادي، وهدفت إلى أتمتة كامل عملية التسيير من تشكيل الفرق إلى التقييم النهائي.
 
دوري في المشروع:
قمت بتطوير كل من الواجهة الأمامية والواجهة الخلفية للمنصة، بالتنسيق مع أعضاء الفريق، مع التركيز على الأداء، الأمان، وتجربة المستخدم.
 
أبرز المهام:
 
تصميم وتطوير واجهات المستخدم باستخدام React.js وTailwind CSS
 
بناء الواجهة الخلفية باستخدام Node.js وExpress.js
 
إنشاء قاعدة بيانات مرنة باستخدام MongoDB وMongoose
 
تطوير نظام مصادقة وتفويض عبر JWT مع صلاحيات متعددة (مشارك، مشرف، حكم، مرشد)
 
تطوير نظام تقييم ديناميكي يعتمد على معايير قابلة للتخصيص
 
دمج الإشعارات اللحظية باستخدام Socket.IO
 
بناء لوحة تحكم متكاملة لإدارة الفرق والمشاريع والتحكيم
 
نشر المنصة باستخدام Vercel للواجهة وVPS للباك اند
 
التقنيات المستخدمة:
React.js – Next.js – TypeScript – Tailwind CSS – Node.js – Express – MongoDB – JWT – Socket.IO – Vercel – Git
الجهة: جامعة محمد بوضياف بالمسيلة – قسم الإعلام الآلي
الفترة: السنة الجامعية 2024/2025
الوصف:
كمشروع تخرج، شاركت ضمن فريق مكوّن من ثلاثة طلاب في تطوير منصة رقمية متكاملة لإدارة عمليات التأمين على السيارات، تشمل واجهة ويب وتطبيق جوّال، تهدف إلى أتمتة إجراءات التأمين التقليدية وتسهيل التفاعل بين العملاء والخبراء والإداريين.
 
الدور الذي قمت به:
 
تطوير الواجهة الأمامية باستخدام React.js وTailwind CSS
 
تطوير الواجهة الخلفية باستخدام Node.js وExpress.js
 
تصميم قاعدة البيانات باستخدام MongoDB وتنفيذ العلاقات بين الكيانات
 
إعداد نظام المصادقة وتفويض الأدوار (JWT + RBAC)
 
بناء واجهات ديناميكية للعملاء، الخبراء، والإداريين
 
تنفيذ نظام إشعارات لحظية باستخدام Socket.IO
 
توثيق الـ API باستخدام Swagger
 
المشاركة في تطوير تطبيق موبايل باستخدام Flutter (بجانب أعضاء الفريق)
 
أهم الميزات المنجزة:
 
شراء وتتبع وثائق التأمين رقميًا
 
تقديم المطالبات (Claims) مع صور الحادث
 
إدارة الخبراء وجدولة المعاينات
 
تتبع حالة الملفات لحظيًا
 
نظام إشعارات متعدد الأدوار
 
لوحة تحكم تفصيلية حسب كل دور (Admin / Client / Expert)
 
التقنيات المستخدمة:
React.js – Tailwind CSS – Node.js – Express – MongoDB – JWT – Socket.IO – Flutter – Git – Swagger
خلال سنوات الدراسة، اكتسبت أساسًا أكاديميًا قويًا في مجال هندسة البرمجيات ونظم المعلومات، مع التركيز على تحليل الأنظمة، تصميم قواعد البيانات، البرمجة الكائنية، وهندسة البرمجيات. كما ساهمت المشاريع الجامعية في تعزيز مهاراتي العملية في تطوير البرمجيات، حل المشكلات التقنية، والعمل الجماعي ضمن فرق تطوير.
المنصة: Udemy
تاريخ البدء: يوليو 2023 — تاريخ الانتهاء: سبتمبر 2023
Credential ID: UC-4146428d-43d3-44bd-8fc7-fa5643357202
رابط الشهادة : https://www.udemy.com/certificate/UC-4146428d-43d3-44bd-8fc7-fa5643357202/
الوصف:
دورة شاملة مكثفة لتعلّم لغة Python على مدار 100 يوم، تغطي الأساسيات، البرمجة الكائنية (OOP)، التعامل مع الملفات، مشاريع تطبيقية مثل ألعاب، تطبيقات ويب باستخدام Flask، أساسيات قواعد البيانات، وواجهات برمجة التطبيقات (APIs).