• Next JS

  

• Payload CMS

  

• Stripe

  

متجر الكتروني بأستعمال Payload CMS

موقع إلكتروني للتجارة الإلكترونية مدعوم بإطار Next.js ويستخدم نظام إدارة المحتوى Payload CMS لإدارة المحتوى عبر جميع الصفحات والمنتجات. تمكين التكامل مع Stripe يتيح اتصالًا سلسًا بين منتجات صفحة الإدارة وسمات Stripe المقابلة، مما يسهل عمليات الشراء من خلال Stripe لصفحة اكمال الشراء.

• React

  

• Tailwind CSS

  

• DaisyUI

  

متجر إلكتروني (TrueEar)

متجر إلكتروني للسماعات الأسلكية تم أنشائه بأستخدام React, Tailwind CSS و daisyUI للتصميم وفي الخلفية تم أستخدام Strapi لحفظ معلومات المستخدمين ومعلومات المنتجات

• Next JS

  

• Tailwind CSS

  

• Vercel

  

موقع اخبار حصرية

موقع لعرض الأخبار الحصرية لعدة مواضيع بأستخدام mediastack API أو البحث عن أخر الأخبار في موضوع معين.

• Next JS

  

• Payload CMS

  

• Stripe

  

متجر الكتروني بأستعمال Payload CMS

موقع إلكتروني للتجارة الإلكترونية مدعوم بإطار Next.js ويستخدم نظام إدارة المحتوى Payload CMS لإدارة المحتوى عبر جميع الصفحات والمنتجات. تمكين التكامل مع Stripe يتيح اتصالًا سلسًا بين منتجات صفحة الإدارة وسمات Stripe المقابلة، مما يسهل عمليات الشراء من خلال Stripe لصفحة اكمال الشراء.

• Next JS

  

• Payload CMS

  

• Stripe

  

متجر الكتروني بأستعمال Payload CMS

موقع إلكتروني للتجارة الإلكترونية مدعوم بإطار Next.js ويستخدم نظام إدارة المحتوى Payload CMS لإدارة المحتوى عبر جميع الصفحات والمنتجات. تمكين التكامل مع Stripe يتيح اتصالًا سلسًا بين منتجات صفحة الإدارة وسمات Stripe المقابلة، مما يسهل عمليات الشراء من خلال Stripe لصفحة اكمال الشراء.

• React

  

• Tailwind CSS

  

• Framer Motion

  

موقع طقس

تطبيق أحوال الطقس بأستخدام OpenWeather API لعرض حالة الطقس لليوم في اي مدينة في العالم .

• React

  

• Tailwind CSS

  

• Headless UI

  

قاموس أنجليزي

تم بناء هذا الموقع بأستخدام Dictionary API والذي ساعد في عرض الكثير من المعلومات عن الكلمة المدخلة ومقطع صوتي لسماع كيف تنطق الكلمة.

• React

  

• Tailwind CSS

  

• Headless UI

  

بووكمارك صفحة هبوط

هذا حل لأحدى تحديات موقع Frontend Mentor الذي يعرض الكثير من التحديات التي تساعد على سقل مهارات المبرمجين عن طريق بناء مشاريع واقعية.

• React

  

• Sokety.io

  

• Firebase

  

شاتي

شاتي هوا برنامج محادثات تم بناءه بأستعمال Socket.IO وهي تقنية تتيح للخادم والمستخدم ان يبقوا على اتصال دائم وبذلك المستخدم يستطيع ان يرسل ويستقبل من السيرفر دون الحاجة لطلب المعلومات كل مرة ولكن سيكون هناك اتصال دائم يتيح ارسال واستقبال البيانات في نفس الوقت, عن طريق شاتي يمكنك اضافة اصدقائك, انضمام .لمجموعة, او انشاء مجموعتك الخاصة والبدء في الدردشة.

• React

  

• Tailwind CSS

  

• Swiper

  

مانيج صفحة هبوط

هذا حل لأحدى تحديات موقع Frontend Mentor الذي يعرض الكثير من التحديات التي تساعد على سقل مهارات المبرمجين عن طريق بناء مشاريع واقعية.

• Next JS

  

• Swiper

  

• React Hook Form

  

موقع شركة اللؤلؤ الساطع

• Next JS

  

• Tailwind CSS

  

• Vercel

  

موقع اخبار حصرية

موقع لعرض الأخبار الحصرية لعدة مواضيع بأستخدام mediastack API أو البحث عن أخر الأخبار في موضوع معين.

• React

  

• Tailwind CSS

  

• Vercel

  

صفحة منزل رئيسية

هذا حل لأحدى تحديات موقع Frontend Mentor الذي يعرض الكثير من التحديات التي تساعد على سقل مهارات المبرمجين عن طريق بناء مشاريع واقعية.

• React

  

• Tailwind CSS

  

• Framer Motion

  

مواقيت الصلاة

تم أستخدام الAPI مفتوح المصدر Aladhan والذي يقدم الكثير من خيارات الAPI الخاصة بالأسلام والمسلمين.

• React

  

• Vercel

  

موقع اسئلة عامة

عرض اسئلة عامة بأستخدام Open Trivia Database API لجلب المعلومات الخاصة بالأسئلة.

• React

  

• React Router

  

• React Query

  

لوحة تحكم موقع حجوزات

تم تطوير تطبيق CRUD لدخول فريق العمل للوحة التحكم وأدارة الكبائن والحجوزات تم بناء الموقع باستخدام React.

• React

  

• Tailwind CSS

  

• Headless UI

  

موسيكي

موسيكي هيا صفحة هبوط لشركة إنتاج للموسيقى. يظهر فيها التصميم البسيط والمتجاوب على على جميع احجام الشاشات, وفيه العديد من الأنميشن في كل الصفحة, ويدعم ايضا تعدد اللغات (العربية والأنجليزية)

• HTML

  

• CSS

  

• JavaScript

  

موقع لتتبع الموقع IP

تتبع موقع المستخدم الحالي بأستخدام الIP الحالي أو معرفة موقع أي IP على الخريطة التي تم بنائها بأستخدام Leaflet (هذا الموقع لا يحفظ أي بيانات خاصة بالمستخدم أو يسربها).

• TypeScript

  

• React

  

• Tailwind CSS

  

محاكاة للعبة Wordle

أعادة بناء للعبة The New York Times المشهورة Worlde وهيا عبارة عن لعبة تخمين كلمات يحاول الاعب أن يخمن الكلمة اليومية في أقل من ستة محاولات.

• React

  

• Tailwind CSS

  

• TypeScript

  

هالف لايف 2

هذه الصفحة نسخة لموقع Basic Agency مع تغييرات في المحتوى المعروض وأخترت ان اعرض معلومات عامة عن لعبة Half-Life 2 وهي لعبة شوتر تم تطويرها عن طريقة شركة Valve.

• React

  

• Tailwind CSS

  

• DaisyUI

  

متجر إلكتروني (TrueEar)

متجر إلكتروني للسماعات الأسلكية تم أنشائه بأستخدام React, Tailwind CSS و daisyUI للتصميم وفي الخلفية تم أستخدام Strapi لحفظ معلومات المستخدمين ومعلومات المنتجات