مشاريعي الكاملة

• SKH Tech Labs Website:

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

  • Next.js
  • Tailwind CSS
  • TypeScript

  زيارة الموقع
  

• SC ZONE Shop:

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

  • React.js
  • Tailwind CSS

  زيارة الموقع
  

• OUADHI Mohammed Portfolio:

  صفحة هبوط احترافية لمهندس برمجيات، تم بناؤها باستخدام Next.js وTailwind CSS وAceternity UI. تتميز الواجهة بتصميم عصري، سريع ومتجاوب، مع تحسينات دقيقة للأداء وتهيئة متقدمة لمحركات البحث (SEO) لضمان ظهور قوي في نتائج البحث. يركز المشروع على إبراز مهارات المطور، خدماته، وإنجازاته ضمن تجربة استخدام سلسة وواضحة.

  • Next.js
  • Tailwind CSS
  • Aceternity UI

  زيارة الموقع
  

• Astro Agency

  يهدف هذا المشروع إلى تعزيز مهارات تطوير الواجهات الأمامية وتحسين التجربة البصرية من خلال تطبيق ممارسات حديثة في بناء المكوّنات والتصميم. يعتمد الموقع على Next.js وTypeScript لتقديم أداء موثوق وسلس، إضافة إلى Tailwind CSS التي توفر تصميماً حديثاً ومتجاوباً. كما تم دمج Motion لإضافة انتقالات سلسة وحيوية تمنح الواجهة طابعاً ديناميكياً واحترافياً.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Motion

  زيارة الموقع
  

• Prime Homes

  تم تطوير هذا المشروع بهدف تعلم وبناء واجهة عقارية عصرية تجمع بين البساطة والوضوح وسهولة التصفح. يوفر PrimeHomes تجربة استخدام سلسة من خلال تصميم متجاوب مبني باستخدام React وTailwind CSS. تم دعم الواجهة بتأثيرات حركية احترافية عبر Framer Motion، إضافة إلى دمج Web3Forms لمعالجة نماذج التواصل بسهولة. يستهدف المشروع تعزيز المهارات العملية في بناء مواقع حديثة مع التركيز على قابلية الاستخدام والتنظيم.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Motion

  زيارة الموقع
  

• Positivus

  تم تطوير موقع Positivus بهدف تعزيز مهارات بناء واجهات عصرية تجمع بين الإيجابية، البساطة، وسهولة الاستخدام. يركز المشروع على إنشاء تجربة مستخدم سلسة من خلال تصميم متجاوب وواجهة جذابة تعمل بتناغم مع تأثيرات حركية ناعمة مدعومة بـ Framer Motion. يعتمد الموقع على React وTailwind CSS لضمان أداء عالٍ وتنظيم واضح، إضافة إلى الاستفادة من React Hooks لإدارة الحالة بشكل مرن وفعال.

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Motion

  زيارة الموقع
  

• E-learning Webpage

  تم تطوير صفحة E-learning Webpage في بداياتي مع البرمجة كخطوة أولى لفهم أساسيات تطوير الويب باستخدام HTML وCSS فقط. استلهمت الفكرة من تصميمات TheemZaa، واعتمدت الصفحة كمساحة تدريبية لتجربة عناصر التصميم المختلفة وتطبيق المفاهيم الأساسية مثل تنسيق الصفحات، توزيع العناصر، واختيار الألوان. يهدف المشروع إلى تعزيز إدراكي لهيكلة صفحات الويب وبناء واجهات بسيطة من الصفر، مما شكّل حجر الأساس لمشاريع أكثر تقدمًا لاحقًا.

  • HTML5
  • CSS3

  زيارة الموقع
  

• Portfolio Webpage

  تم تطوير صفحة Portfolio Webpage في بداياتي مع تطوير الويب، حيث قمت ببنائها بالكامل باستخدام HTML وCSS دون أي أدوات أو مكتبات إضافية. استوحيت فكرة التصميم من مشروع Tony-React واعتمدت عليها كتمرين عملي لفهم أسس بناء واجهات المستخدم. يهدف هذا المشروع إلى تعزيز مهاراتي في هيكلة الصفحات، تجربة تنسيقات مختلفة، وتحسين فهمي لتخطيط العناصر وتنسيقها بصريًا. شكّل هذا العمل خطوة أساسية في رحلتي نحو احتراف تطوير الواجهات الحديثة.

  • HTML5
  • CSS3

  زيارة الموقع
  

مشروعك التالي يستحق التنفيذ بعناية. دعنا نتواصل ونبني شيئًا استثنائيًا معًا.