مشاريعي / أعمالي التطويرية

مجموعة من المشاريع التي قمت بتنفيذها خلال رحلتي التعليمية والعملية

خياط الزي الموحد

موقع إلكتروني تفاعلي لمحل خياطة متخصص في تصميم وتنفيذ الزي الموحد للمدارس، الشركات، والمطاعم. يتيح الموقع عرض الخدمات، النماذج، وطرق التواصل.

التقنيات المستخدمة:
  • HUGO
  • HTML5 & CSS3
  • JavaScript
  • Bootstrap 5

موقع مدرسة ابتدائية

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

التقنيات المستخدمة:
  • HTML5 & CSS3
  • JavaScript
  • Bootstrap 5
  • Webpack

متجر إلكتروني للملابس

منصة بيع ملابس عبر الإنترنت مع نظام سلة تسوق وإدارة منتجات.

التقنيات المستخدمة:
  • HTML5 & CSS3
  • SASS
  • JavaScript
  • Bootstrap5

موقع إخباري

موقع إخباري يعرض آخر الأخبار باستخدام واجهة برمجة التطبيقات (API).

التقنيات المستخدمة:
  • JavaScript
  • Fetch API
  • Bootstrap 5
  • Moment.js

يوتيوبي youtuby

واجهة مستخدم تشبه موقع YouTube باستخدام bootstrap

التقنيات المستخدمة:
  • Bootstrap 4
  • JavaScript
  • Jquery
  • CSS3

صفحة هبوط منتج

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

التقنيات المستخدمة:
  • JavaScript
  • HTML5 & CSS3
  • Bootstrap 5

موقع شركة ثابت

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

التقنيات المستخدمة:
  • HTML5 & CSS3
  • JavaScript
  • HUGO
  • Fetch API

ملاحظاتي

تطبيق بسيط لحفظ الملاحظات اليومية، يعتمد على React في إدارة الواجهة والتفاعل، ويتميز بسهولة الاستخدام والتصميم المتجاوب مع دعم لتخزين البيانات محليًا.

التقنيات المستخدمة:
  • REACT
  • JavaScript
  • HTML5 & CSS3
  • Bootstrap5

موقع منتجات باستخدام رياكت

تطبيق ويب يعرض مجموعة من المنتجات باستخدام React للواجهة الأمامية وNode.js مع Express وMongoDB للواجهة الخلفية، مع تصميم أنيق وسريع بواسطة Chakra UI.

التقنيات المستخدمة:
  • React
  • Node.js
  • Express.js
  • MongoDB
  • Chakra UI

موقع شبيه تويتر X

منصة تواصل اجتماعي مستوحاة من تويتر X، تم تطويرها باستخدام React وTailwind لتجربة مستخدم سلسة، مع دعم لإنشاء المنشورات والتفاعل، بالاعتماد على Node.js وMongoDB في إدارة البيانات.

التقنيات المستخدمة:
  • React
  • Tailwind
  • Node.js
  • Express.js
  • MongoDB