This project provides a minimal setup for building React applications with Vite, including support for Fast Refresh using Babel or SWC.
هذا المشروع يوفّر إعدادًا أساسيًا لإنشاء تطبيقات React باستخدام Vite. يتضمن هذا الإعداد plugins للتحديث السريع باستخدام Babel و SWC، بالإضافة إلى قواعد ESLint للمطورين. كما يوفر معلومات حول كيفية دمج TypeScript وقواعد نوعية.
Provide a minimal React + Vite setup with hot module replacement and ESLint for rapid project bootstrapping.
يُقدّم هذا القالب بيئة React خفيفة الوزن مدعومة بـ Vite، مما يتيح استبدال الوحدات الساخنة فورًا لتجربة تطوير سلسة. يتضمن إعدادًا مُختارًا لقواعد ESLint لضمان جودة الكود وتناسقه منذ أول التزام. يركز القالب على الأدوات الأساسية مع ترك مساحة للامتدادات الاختيارية مثل TypeScript أو ميزات المترجم المتقدمة. يمكن للمطورين البدء في بناء المكونات على الفور، مستفيدين من التحديث السريع وخط أنابيب البناء النظيف. يُعد القالب مثالياً للمشاريع الصغيرة أو النماذج الأولية أو لتعلم سير العمل في تطوير الواجهة الأمامية.
Noah Deetz's portfolio showcases his work as a plugin designer and audio developer, featuring various projects in audio plugins, graphic design, music, research, and contact information.
هذا المشروع هو portfolio شخصي ل نواح دييتز، يظهر مهاراته ك مصمم برامج و مطور صوتي. الموقع يتضمن أقسامًا حول البرمجيات الصوتية، التصميم الجرافيكي، الموسيقى، والبحث، مما يظهر خبرته في هذه المجالات. بالإضافة إلى ذلك، يحتوي على روابط للتواصل معه عبر لينكد إن، موقع الويب، أو بريد الإلكتروني.
This project is a modern, minimalist portfolio website for Jenna Eve, a Visual Designer & Creative Strategist.
هذا المشروع هو موقع ويب حديث ومينيماليستي لجينا إيف، مصمم مرئي ومتخصص في الاستراتيجية الإبداعية. تم بناؤه باستخدام React و Vite، يحتوي على تصميم نظيف يحتوي على تركيب غير منتظم، عناصر تفاعلية، وتذييل متكامل. يتضمن المشروع تحريك مؤشر الماوس، تأثيرات التمرير السلس، وتفاعلات النقر.
Thingstead is a sovereign local-first governance OS for AI agent fleets, enabling deterministic phases, formal gates, and native multi-agent execution.
يعد Thingstead نظام حكم محلي أولي ملكي لأسطول एजENTS الذكية، يتيح مراحل محددة، أبواب رسمية، وتنفيذ متعدد الأجسام المحلي. يمكن توزيعاتها بالكامل بسهولة وتحتوي على ترخيصين: AGPL وترخيص تجاري.
This project provides a personal productivity dashboard specifically designed for pre-med students.
هذا المشروع يقدم لوحة إنتاجية شخصية مصممة خصيصًا للطلاب الطبية. يمكن للمستخدمين تتبع تقدمهم، وإعداد تنبيهات، وتخصيص المهام. يتم بناء اللوحة باستخدام تقنيات ويب حديثة وتصميمها ليكون سهل الاستخدام والتعديل.
An AI-driven API that predicts the effects of cannabinoids and terpenes based on molecular pharmacology, aiding researchers and product developers.
يقدّم هذا المشروع واجهة برمجة تطبيقات ويب مبنية على FastAPI لتوقع تأثيرات الكانابينويد والثيربين استناداً إلى علم الأدوية الجزيئي. يستخدم نماذج تعلم الآلة المدربة على وصفات كيميائية وبيانات فاعلية دوائية لتوقع النتائج النفسية والعلاجية. يتيح للمستخدمين إرسال هياكل المركبات واستلام ملفات تعريف التأثير مع إظهار مستوى الثقة في التوقعات وميزات النموذج. يستهدف الباحثين وعلماء الأدوية ومطوري منتجات القنب الذين يحتاجون إلى رؤى مدعومة بالبيانات. يساهم أداة التوقع في تقليل الجهد التجريبي وتسريع دورات تطوير المنتجات. كما توفر واجهة مرئية لعرض النتائج وتفسيرها، مما يسهل اتخاذ قرارات مستنيرة حول تركيبات القنب.
A personal portfolio web application that showcases projects, offers AI-powered interactions, and stores data in a MongoDB backend.
يُعد هذا التطبيق منصة شخصية تُظهر مجموعة مختارة من المشاريع والمهارات والإنجازات، مع دمج ميزات الذكاء الاصطناعي التي تُولد محتوىً ديناميكياً أو تُجيب على استفسارات الزوار. يُعتمد على قاعدة بيانات MongoDB لتخزين بيانات المشاريع، رسائل التواصل، وتفاعلات المستخدمين، ما يضمن استمرارية المعلومات وتحديثها بسهولة. يقدّم واجهة مستخدم متجاوبة مع تحريك سلس للانتقالات، ما يضيف طابعاً احترافياً وجذاباً للزائرين. صُمم لتلبية احتياجات المحترفين الإبداعيين والمطورين الذين يرغبون في عرض أعمالهم بطريقة تفاعلية ومبتكرة. يتيح التطبيق إضافة أو تعديل المحتوى بسرعة، مع الحفاظ على تجربة مستخدم متسقة عبر جميع الأجهزة. يدمج تقنيات حديثة لتسهيل التوسع وإضافة ميزات جديدة في المستقبل، مع الحفاظ على أمان وسرعة الأداء.
A web application that showcases interactive 3D animations and motion graphics built with React, Tailwind, and Three.js.
يُقدّم هذا المشروع تطبيق ويب حديث يجمع بين الرسوم ثلاثية الأبعاد، وتصميم الحركة، ومكونات واجهة المستخدم المتجاوبة. يعتمد على بنية مكوّنات تسمح للمصممين والمطورين بتركيب المشاهد التفاعلية بسهولة. تُصمم الواجهة باستخدام إطار عمل CSS يركز على الأدوات، بينما تُدعم الرسوم المتحركة السلسة بمكتبة حركية ومحرك WebGL. يستهدف المستخدمون المطورون الأماميون، ومصممو واجهة المستخدم، والفرق الإنتاجية التي تسعى لإنشاء صفحات هبوط جذابة أو عروض منتجات تفاعلية. يحل المشروع مشكلة دمج الرسوم ثلاثية الأبعاد المعقدة في سياق الويب دون التضحية بالأداء أو القابلية للوصول.
An interactive data visualization dashboard that lets users explore data through charts and 3D models.
يقدم هذا التطبيق واجهة ويب تفاعلية لتصور البيانات والتفاعل معها بطريقة ديناميكية. يجمع بين الرسوم البيانية المتجاوبة، والانتقالات المتحركة، والرسوميات ثلاثية الأبعاد لعرض المعلومات بشكل جذاب. يعتمد على React وTypeScript، ويستفيد من Radix UI لتوفير مكونات متوافقة مع معايير الوصول، وframer‑motion لإضافة حركات سلسة، وRecharts لرسم المخططات، وThree.js لعرض النماذج ثلاثية الأبعاد. يضمن استخدام Tailwind CSS تصميمًا نظيفًا ومتجاوبًا مع جميع الأجهزة، بينما يسرّع Vite عملية التطوير والبناء. كما يستخدم Zod للتحقق من صحة بيانات النماذج، مما يضمن صحة المدخلات قبل معالجتها. يستهدف هذا المشروع محللي البيانات والمطورين ومديري المنتجات الذين يحتاجون إلى استكشاف المقاييس والبيانات المعقدة بسرعة وفعالية.
This project provides a minimal setup for building React applications using Vite, including plugins for Fast Refresh.
هذا المشروع يوفّر إعدادًا أساسيًا لإنشاء مشاريع React باستخدام Vite. يتضمن هذا الإعداد plugins رسميين: @vitejs/plugin-react و@vitejs/plugin-react-swc، التي تسمح بتحديث السريع باستخدام Babel أو SWC على التوالي. كما يأتي المشروع مع قواعد ESLint ويدعم دمج TypeScript.
This tool visualizes the German federal budget to empower citizens with personal, transparent, and actionable insights.
يُقدّم هذا التطبيق تصوراً للميزانية الفيدرالية الألمانية بطريقة تفاعلية وشخصية ومؤمنة بالشفافية. يمكن للمستخدمين تصفية الإنفاق وفقاً لحالة حياتهم، واستكشاف 30 مجالاً سياسياً، ورؤية عدّاد الضرائب المباشر الذي يتحدّث في الوقت الحقيقي. يستمد التطبيق بياناته من الخطط الرسمية للميزانية، وسجلات اللوبي، وتقارير المراجعة لتوفير شفافية وقابلية التتبع. كما يوفّر أدوات محاكاة، ومولد رسائل، ومقترحات مواطنة لتشجيع المشاركة المدنية. يهدف إلى خدمة المواطنين، والصحفيين، والطلاب، ومحللي السياسات الذين يرغبون في فهم كيفية تخصيص الأموال العامة والمساهمة في اتخاذ القرار.
A web dashboard for managing and visualizing support or event tickets, aimed at customer support managers.
يقدم هذا التطبيق لوحة تحكم متكاملة لإدارة تذاكر الدعم الفني أو الأحداث، حيث يمكن للمستخدمين إنشاء وتحديث ومتابعة التذاكر بسهولة. يتيح واجهة المستخدم التفاعلية إمكانية تصنيف التذاكر حسب الأولوية، وتعيينها تلقائياً للموظفين المناسبين. تُعرض البيانات في مخططات ديناميكية تساعد على تحليل حجم التذاكر، ووقت الاستجابة، ومؤشرات الأداء الرئيسية. يعتمد التطبيق على قاعدة بيانات Supabase لتخزين البيانات وتوفير واجهة API آمنة، مع دعم المصادقة وتسجيل الدخول. يتم تصميم الواجهة باستخدام Tailwind CSS لضمان استجابة عالية على جميع الأجهزة، بينما تُستخدم مكتبة Framer Motion لإضافة حركات سلسة تعزز تجربة المستخدم. يهدف المشروع إلى تحسين كفاءة فرق الدعم وتقليل زمن حل المشكلات من خلال توفير رؤية شاملة ومباشرة للعمليات.
A web application that facilitates matchmaking between users through a responsive, animated interface and secure authentication.
يتيح هذا التطبيق للمستخدمين الذين يبحثون عن شركاء متوافقين عرض ملفات تعريف مُختارة وتصفحها بطريقة تفاعلية. يتميز بانتقالات سلسة تحاكي السحب، وإشعارات فورية عند العثور على تطابق، ونظام مصادقة قوي يحمي بيانات المستخدمين. يعتمد على بنية حديثة للغة جافا سكريبت مع معالجة على جانب الخادم لتسريع زمن التحميل، ويستفيد من قاعدة بيانات Redis لتخزين مؤقت سريع لعمليات المطابقة. يستهدف الجمهور الذي يقدّر الخصوصية والتجربة البصرية المتقنة، ويحل مشكلات مثل بطء التحميل، وقلة التخصيص، ونقاط الضعف في تسجيل الدخول. يدمج التصميم البديهي مع معالجة البيانات الفعّالة لتقديم تجربة مطابقة فريدة وسلسة.
A responsive search interface for lending platforms built with React and Tailwind.
يقدّم هذا المشروع مكوّن بحث متجاوب ومُحسّن للواجهات الرسومية، مُصمم خصيصاً لمنصات الإقراض أو الأسواق المالية. يعتمد على React لإدارة الحالة والتفاعلات، ويستخدم Tailwind CSS لتسريع عملية التصميم وتوحيد المظهر، بينما يضيف Framer Motion حركات سلسة تعزز تجربة المستخدم. يتيح للمستخدمين إدخال استفساراتهم ومعاينة اقتراحات فورية، مع إمكانية تصفية النتائج بحسب معايير مثل معدل الفائدة، مدة القرض، أو تقييم المقرض. يُصمم المكوّن ليُدمج بسهولة في أي تطبيق ويب، مع الحفاظ على تجربة مستخدم متسقة وجذابة. يهدف إلى حل مشكلة البحث الفوري والفعّال في الخدمات المالية، مما يقلل من معوقات التفاعل بين المقترضين والمقرضين.
The Norivane website is a platform for users to access and interact with various features.
هذا المشروع هو موقع مدمج يوفر واجهة للمستخدمين للتفاعل مع وظائفها. يستخدم هذا المشروع تقنيات تطوير الويب الحديثة مثل React، Tailwind CSS، و Framer Motion لประสบية المستخدم السلسة. لا يظهر أن الموقع يستخدم أي قواعد بيانات، مما يشير إلى أنه قد يكون متمركزًا على التصفح الزائد أو إعادة التوجيه الإلكتروني
The llma-app is a web application for users to interact with.
هذا التطبيق الويب يتيح للمستخدمين تفاعلًا مع النظام. يستخدم تقنيات مختلفة مثل React و Tailwind CSS لتصميم الواجهة الأمامية، بينما يقوم Supabase بعمليات الخادم. الغرض من هذا المشروع ومستهدافه لا يتم ذكرها بوضوح في المعلومات المُقدمة.
Elite Detailing is a full-stack SaaS booking platform for luxury auto detailing and private jet detailing businesses, offering real-time booking, automated emails, and CI/CD deployment.
هذا المشروع هو منصة إدارة الحجز الكاملة عبر الإنترنت مصممة لشركات تفصيل السيارات الفاخرة والطائرات الخاصة. يحتوي على نظام حجز كامل مع кальكولاطور الأسعار في الوقت الحقيقي، وتخطيط مواعيد، وارسال بريد إلكتروني تلقائي.
This project provides a minimal setup for building React applications using Vite, including support for Hot Module Replacement (HMR) and ESLint rules.
هذا المشروع يقدم تكوين أساسي لإنشاء مشاريع ريكت باستخدام فيت، بما في ذلك دعم استبدال الموديل الساخن (HMR) و قواعد ESLint. يحتوي هذا القالب على plugins لاستعادة سرعة الفور (Fast Refresh)، مثل @vitejs/plugin-react و @vitejs/plugin-react-swc. ومع ذلك، فإن محول ريكت غير متوافق حاليًا مع SWC. في التطبيقات الإنتاجية، يوصى باستخدام TypeScript مع قواعد لينت ذات وعي النوع (type-aware lint rules) المفعلة.
An interactive web app that showcases information about the coral reef in Jomtien, aiming to raise awareness and promote marine conservation.
يقدم التطبيق واجهة تفاعلية جذابة تُظهر نظام الشعاب المرجانية في منطقة جومتين. يمكن للمستخدمين استكشاف مناطق مختلفة من الشعاب، عرض ملفات تعريف الأنواع، والوصول إلى حقائق حول الحفظ عبر انتقالات سلسة مدعومة بمكتبات الحركة. يركز التصميم على الوضوح، مع تخطيطات متجاوبة تتكيف مع أجهزة سطح المكتب والهواتف المحمولة. يستهدف التطبيق السياح والطلاب والمنظمين البيئيين الذين يبحثون عن معلومات موثوقة وجذابة بصريًا عن الحياة البحرية. من خلال إبراز التهديدات وتدابير الحماية، يشجع التطبيق على زيارة مسؤولة ومشاركة المجتمع.
A personal portfolio website that showcases projects, skills, and contact information for Arthur.
يُقدّم موقع "أرثرز وورلد" واجهة شخصية متجاوبة ومصممة بعناية باستخدام React و Tailwind CSS مع تحريك ديناميكي عبر مكتبة Framer Motion. يركز الموقع على عرض مشاريع المطور ومهاراته وخلفيته المهنية بطريقة بصرية جذابة وسلسة. يتم تجميع الملفات باستخدام Vite لضمان سرعة التحميل وتطوير سلس. يستهدف الموقع أصحاب العمل المحتملين، والمستثمرين، وأي شخص مهتم بمعرفة تفاصيل خبرات أرثر. يحل مشكلة صعوبة عرض السيرة الذاتية الرقمية بشكل متفاعل، ويعطي انطباعاً احترافياً فوراً. يميز نفسه عن الحلول التقليدية بفضل الانتقالات المرسومة بعناية التي تضيف طابعاً فريداً للعرض.
A minimal React + Vite starter template that provides hot module replacement and ESLint configuration for rapid development.
يُقدّم هذا القالب إعدادًا أساسيًا لتطبيق React يعمل على Vite، مع دعم التحديث الفوري للملفات (Hot Module Replacement) لتحديث واجهة المستخدم على الفور أثناء التطوير. يتضمن القالب إعدادات ESLint أساسية لضمان جودة الكود وتوحيد الأسلوب. لا يحتوي القالب على تبعيات إضافية أو تكامل مع قواعد بيانات، ما يجعله مناسبًا للمشاريع الصغيرة أو بيئات التعلم. يمكن للمطورين إنشاء مشروع جديد بسرعة، والتركيز على بناء الميزات، مع الاعتماد على الأدوات المدمجة لتجربة تطوير سلسة. يهدف القالب إلى توفير بيئة عمل جاهزة للبدء في بناء تطبيقات الويب الحديثة مع تقليل الوقت اللازم للإعداد.
Automates the extraction of property data from REINS and its submission to forrent.jp (SUUMO) with AI-powered image classification and text generation, providing real‑time progress monitoring.
يُسَهل هذا لوحة التحكم على مستوى الويب سير عمل استيراد قوائم العقارات من قاعدة بيانات REINS ونشرها على منصة forrent.jp. يستخدم الذكاء الاصطناعي لتصنيف الصور تلقائياً وتوليد نصوص وصفية، ما يقلل الجهد اليدوي ويضمن التناسق في المحتوى. يُعرض التقدم في الوقت الحقيقي عبر واجهة تعتمد على WebSocket، مما يتيح للمستخدمين متابعة كل خطوة من خطوات التقديم. يدمج النظام أتمتة المتصفح عبر Playwright للتفاعل مع الموقع المستهدف، بينما يتولى خادم Express خفيف الوزن معالجة طلبات API وتواصل WebSocket. مُصمم للمهنيين في مجال العقارات، يزيل المهام المتكررة، يسرّع عملية الإدراج، ويُحسّن جودة البيانات.
A web application that lets users apply premium camera filters and effects to photos and videos.
تطبيق ويب يتيح للمستخدمين تطبيق فلاتر وتأثيرات كاميرا فاخرة على الصور ومقاطع الفيديو. يعتمد على مكتبة React مع إطار Tailwind CSS لتصميم واجهة مستخدم متجاوبة وسهلة الاستخدام، ويستخدم Vite لتسريع عملية البناء، بينما يضيف Framer Motion حركات سلسة تعزز تجربة التفاعل. يتيح التطبيق رفع الصور أو مقاطع الفيديو، ثم اختيار من مجموعة مختارة من الفلاتر الفاخرة، مع إمكانية ضبط شدة التأثيرات وتطبيقها على الفور. يستهدف المصورين، صانعي المحتوى، والمسوقين عبر وسائل التواصل الاجتماعي الذين يحتاجون إلى تحسينات بصرية احترافية دون الحاجة إلى برامج معقدة. يحل التطبيق مشكلة نقص الخيارات المجانية في الفلاتر، مقدماً مكتبة اشتراكية من التأثيرات الحصرية التي ترفع جودة المحتوى المنشور. يدمج واجهة سهلة الاستخدام مع أداء سريع، ما يضمن تجربة سلسة للمستخدمين الذين يطلبون نتائج فورية واحترافية.
A Chrome extension that automates cross‑listing and inventory management for sellers on multiple marketplaces through integration with a central web platform.
يُقدِّم هذا الامتداد واجهة موحدة تسمح للبائعين بإدارة قوائمهم عبر منصات متعددة مثل ميركاري، فيسبوك، بوشمارك، إيباي وإتسي. يكتشف ما إذا كان المستخدم قد سجَّل الدخول إلى كل منصة ويحافظ على استمرارية الجلسة حتى بعد إعادة تشغيل المتصفح. يتواصل الامتداد في الوقت الحقيقي مع تطبيق الويب المركزي ليحافظ على تزامن لوحة المعلومات مع حالة المتصفح. يعرض النافذة المنبثقة جميع المنصات المتصلة ويتيح إجراءات سريعة للإنشاء والتسليم الآلي في المستقبل. يهدف المشروع إلى تبسيط سير عمل التوزيع المتعدد وتقليل الجهد اليدوي للبائعين عبر الإنترنت. يدمج ميزة الكشف عن تسجيل الدخول مع حفظ الجلسة لتوفير تجربة سلسة دون الحاجة لإعادة تسجيل الدخول. كما يتيح للمستخدمين رؤية حالة الاتصال بكل منصة في لحظة واحدة، مما يسهل إدارة المخزون والبيع عبر القنوات المتعددة.
A web dashboard that helps users track and visualize their cash flow and expenses.
يُقدِّم هذا التطبيق واجهة ويب نظيفة ومتجاوبة لإدارة تدفق النقود الشخصية أو الصغيرة. يعتمد على مكتبة React لبناء المكوّنات، ويستخدم Tailwind CSS لتنسيق التصميم، بينما تُضيف Framer Motion حركات سلسة للانتقالات والتفاعلات. تُظهر Recharts مخططات تفاعلية تُبرز أنماط الإنفاق، ومصادر الدخل، وتوزيع الميزانية. يوفر Supabase المصادقة وتخزين البيانات في الوقت الحقيقي، ما يتيح للمستخدمين تسجيل الدخول بأمان ومزامنة سجلاتهم المالية عبر الأجهزة. صُمم التطبيق ليُناسب أي شخص يبحث عن نظرة سريعة وبصرية على أمواله دون إعداد معقد.
A modern web interface for interacting with a document intelligence API, enabling users to upload PDFs, chat with AI, extract structured data, and search SEC filings.
يُقدّم التطبيق واجهة أمامية أنيقة ومتجاوبة مبنية على React وTailwind وVite، صممت للعمل مع واجهة برمجة تطبيقات تحليل المستندات. يمكن للمستخدمين رفع ملفات PDF وتنظيمها، ثم التفاعل مع الذكاء الاصطناعي عبر محادثة طبيعية لاستعلام المحتوى. كما يتيح التطبيق استخراج البيانات باستخدام الذكاء الاصطناعي، وتحويل الصفحات غير المهيكلة إلى جداول منظمة، بالإضافة إلى بحث مخصص في ملفات EDGAR لتحليل المستندات المالية. تُحسّن الرسوم المتحركة السلسة عبر Framer Motion تجربة المستخدم، بينما يضفي التصميم المظهر الحديث والمهني بلمسة شفافية. يستهدف التطبيق المحللين والباحثين والمهنيين التجاريين الذين يحتاجون إلى استنتاجات دقيقة وسريعة من مجموعات مستندات كبيرة.
A personal portfolio and blog site featuring an interactive fiction game and 3D sketch, built with static generation for SEO and performance.
يُعد هذا الموقع منصة شخصية لعرض السيرة الذاتية والمدونة، حيث يُعرض فيها المشاريع والمقالات مكتوبة بصيغة Markdown. يضم الموقع لعبة فانتازيا تفاعلية على الصفحة الرئيسية، تعمل بمحرك ألعاب نصية مخصص، بالإضافة إلى رسم ثلاثي الأبعاد يُنشأ باستخدام مكتبة WebGL. يتم توليد جميع المحتويات بشكل ثابت أثناء عملية البناء، ما يضمن سرعات تحميل عالية ودعم كامل للـ SEO. يستخرج الموقع البيانات من واجهة برمجة تطبيقات مستضافة على الإنترنت وملفات Markdown المحلية، ثم يقوم بتحسين الصور والرموز التعبيرية تلقائياً. يُعد الموقع جاهزاً للنشر على أي خدمة استضافة ثابتة، مع دمج تحليلات مدمجة لتتبع الزوار.
Tandem Daily is a progressive web application and native iOS app featuring four daily puzzle games, including emoji word puzzles, crosswords, movie trivia, and element combination.
يقدم tandem daily أربع ألعاب يومية: tandem اليومي (ألعاب كلمات باستخدام الرموز التعبيرية)، mini اليومي (كروسورد 5x5)، Reel Connections (تريفيا السينما)، و Daily Alchemy (تجميع العناصر). يحتوي التطبيق على نظام الإشارة، والفتح التقدمي، وقوائم الرؤساء. يمكن للمستخدمين متابعة إحصائيات، سجلات، وأنجازات عبر جميع الألعاب الأربعة.
A Next.js web application that combines authentication, payment processing, and dynamic UI components to deliver a modern user experience.
يُبنى هذا التطبيق على إطار عمل Next.js، معتمدًا على مكتبات واجهة المستخدم الحديثة لتقديم تجربة تفاعلية ومتجاوبة. يدمج المصادقة الآمنة عبر next-auth، ما يتيح إدارة الجلسات والوصول المخصص للمستخدمين. تُدمج معالجة المدفوعات عبر Stripe، مما يتيح عمليات الشراء والاشتراك بسلاسة وموثوقية. يُعزز التصميم باستخدام Tailwind CSS لتسهيل تنسيق الأنماط، مع framer-motion لإضافة حركات سلسة وجذابة. تُدار المدخلات والنماذج عبر Zod لضمان التحقق القوي من البيانات على جانب العميل قبل الإرسال. يهدف هذا المشروع إلى توفير بيئة تطوير متكاملة تجمع بين الأمان، والمرونة، والتجربة البصرية الحديثة.
A minimal starter for building animated landing pages with React, Vite, Tailwind, and Framer Motion.
يُقدّم هذا القالب بيئة جاهزة لتطوير تطبيقات الواجهة الأمامية باستخدام مكتبة React مع أداة Vite، ما يتيح تحديثات فورية للواجهة أثناء التطوير. يُدمج مع إطار Tailwind CSS لتسهيل إنشاء أنماط متجاوبة وسريعة، بينما يُضيف Framer Motion إمكانيات تحريك سلسة ومُعتمدة على التعابير الوصفية. يركز القالب على البساطة، حيث يتضمن إعدادات ESLint أساسية لضمان جودة الكود دون تعقيد. يُعدّ خياراً مثالياً للمطورين الذين يرغبون في بناء صفحات هبوط أو مواقع تسويقية بسرعة وبدون إعدادات معقدة. يتيح القالب توسيعاً مرناً، إذ يمكن إضافة TypeScript أو أي إضافات أخرى حسب الحاجة. بفضل هذه البنية، يمكن للفرق الانتقال مباشرة إلى تصميم واجهة المستخدم وتطوير تجربة مستخدم جذابة.
A personal portfolio website that showcases projects, skills, and contact information for Lola Martin.
يُعد هذا التطبيق الويب منصة شخصية تُظهر سيرتك الذاتية ومهاراتك ومشاريعك بطريقة جذابة. يُعرض فيه مجموعة مختارة من الأعمال مع تفاصيل دقيقة عن الخبرات والقدرات. يدمج التصميم المتجاوب مع حركات سلسة لتوفير تجربة مستخدم ممتعة على جميع الأجهزة. يتضمن نموذج اتصال يتيح للزوار التواصل مباشرة معك. يُصمم لتقديم أداء سريع وواجهة نظيفة، مع التركيز على سهولة التصفح والوضوح.
A starter template for building and deploying web applications on the Base44 platform.
يُقدِّم هذا المشروع قالبًا جاهزًا لاستخدامه في إنشاء تطبيقات الويب التي تعمل على منصة Base44. يُبنى باستخدام React وVite، ويُصمم باستخدام Tailwind، ويشمل مجموعة من مكونات واجهة المستخدم من Radix‑UI، ودعم للرسوم المتحركة عبر Framer‑Motion، وأدوات تصور البيانات مثل Recharts وThree.js. يتيح للمطورين تعديل الكود محليًا، مع عرض التغييرات فورًا في مُنشئ Base44، ونشر التحديثات بنقرة واحدة فقط. تم تصميم القالب لتسريع عملية النمذجة الأولية، وضمان التصميم المتجاوب، وتسهيل التعاون في الوقت الحقيقي بين بيئة التطوير المحلية والمُنشئ السحابي. يحل القالب مشكلات إعداد بنية تحتية حديثة للواجهة الأمامية، وتكوين أدوات البناء، وإدارة عمليات النشر، مما يتيح للفرق التركيز على بناء الميزات بدلاً من البنية التحتية.
A responsive personal portfolio website that showcases projects and sells digital products via Gumroad integration.
يُقدّم هذا التطبيق واجهة شخصية حديثة ومتجاوبة تُظهر المشاريع والمهارات الشخصية مع إمكانية التبديل بين الوضع الداكن والوضع الفاتح لتوفير تجربة مشاهدة مريحة. يعتمد التصميم على إطار عمل Next.js مع React و Tailwind CSS، ما يضمن سرعة التحميل وتوافق جميع أحجام الشاشات. يدمج الموقع واجهة برمجة تطبيقات Gumroad عبر OAuth، ما يتيح للمستخدمين تسجيل الدخول وتفعيل حساب Gumroad لعرض وبيع المنتجات الرقمية مباشرةً من الموقع. يستهدف الموقع المستقلين والمبدعين الذين يحتاجون إلى منصة موحدة لعرض أعمالهم وتوليد إيرادات من المنتجات الرقمية. يحل المشكلة الشائعة في فصل عرض الأعمال عن عمليات البيع، ويقدم حلاً متكاملًا يدمج التصميم الجذاب مع وظائف التجارة الإلكترونية. يبرز بفضل دمجه السلس للـ OAuth، مما يقلل من الحاجة إلى إعدادات معقدة ويُسهل عملية البيع على المستخدم النهائي.
Showcase a developer's projects and skills through an interactive portfolio website.
يُقدِّم هذا التطبيق واجهة ويب تُظهر محفظة شخصية مُصمَّمة باستخدام React و Tailwind CSS مع تحريك ديناميكي عبر مكتبة Framer Motion. يُعتمد على تصميم متجاوب يضمن عرضًا متسقًا على أجهزة سطح المكتب، والتابلت، والهواتف الذكية. تُبرز الحركات التفاعلية بطاقات المشاريع والقوائم، ما يضيف طابعًا جذابًا للزائرين. يُعرض الموقع تفاصيل المشاريع، والمهارات التقنية، ومعلومات الاتصال، مع إمكانية تصفح سهل للمهتمين. يُستهدف هذا المشروع الأفراد الذين يرغبون في إبراز سيرهم المهنية ومهاراتهم البرمجية أمام أصحاب العمل أو الشركاء المحتملين. يميز المشروع بدمج التصميم البسيط مع تحريك سلس، ما يخلق تجربة مستخدم فريدة مقارنةً بالمواقع التقليدية.
An AI-powered web application that provides nutrition information for nearby restaurants based on user location.
يُقدّم مشروع Nutriq منصة ويب تعتمد على الذكاء الاصطناعي لتحليل قوائم المطاعم وتزويد المستخدمين بمعلومات غذائية مفصلة. يكتشف موقع المستخدم تلقائياً ويعرض خيارات تناول الطعام القريبة، ثم يقيم كل طبق من حيث السعرات الحرارية والماكروغذويات والعناصر الغذائية الرئيسية. تم تصميم واجهة المستخدم باستخدام تقنيات حديثة، مع تحريك سلس وتصميم متجاوب يضمن تجربة مستخدم ممتعة. يستهدف هذا الحل الأشخاص الذين يهتمون بصحتهم، وأخصائيي التغذية، والمسافرين، الذين يحتاجون إلى اتخاذ قرارات غذائية مدروسة بسرعة. يحل المشروع مشكلة نقص المعلومات الغذائية الموثوقة أثناء تناول الطعام خارج المنزل، ويمنح المستخدمين وسيلة سريعة وموثوقة لتقييم الأطباق قبل الشراء. يدمج النظام تقنيات تحليل النصوص والبيانات لتوليد توصيات شخصية، مع إمكانية مقارنة الأطباق عبر مطاعم مختلفة. يميز المشروع عن الحلول التقليدية بقدرته على العمل في الوقت الحقيقي وتوفير توصيات مخصصة بناءً على الموقع والاحتياجات الغذائية لكل مستخدم.
An interactive web dashboard that fetches data from an API and visualizes it with animated charts.
يُعد هذا التطبيق واجهة ويب مبنية على Vite وReact وTypeScript، وتستدعي بيانات من واجهة برمجة تطبيقات خارجية. يستخدم Radix UI لتوفير مكونات متوافقة مع معايير الوصول، ويعتمد Tailwind CSS على تنسيق سريع ومرن. تُضاف حركات سلسة عبر مكتبة Framer Motion، ما يضفي حيوية على العناصر التفاعلية. تُصنَّف البيانات قبل العرض باستخدام Zod، ما يضمن سلامة الأنماط. تُعرض النتائج عبر Recharts، التي تدعم مخططات خطية، شريطية، ودوائر، لتوفير تصور بصري فوري للمعايير. يهدف التطبيق إلى تسهيل بناء لوحات معلومات سريعة للمهندسين والمحللين، مع حل مشكلة إعداد واجهات عرض بيانات معقدة بسرعة.
An interactive web application that showcases and categorizes various pet types for educational purposes.
يقدّم هذا التطبيق واجهة ويب تفاعلية تعرض مجموعة مختارة من أنواع الحيوانات الأليفة، مُنظمة في فئات بديهية مثل الثدييات، والطيور، والزواحف، والبرمائيات. يمكن للمستخدمين استكشاف كل فئة عبر انتقالات متحركة سلسة، مما يضيف تجربة جذابة وممتعة. التصميم متجاوب بالكامل، ما يتيح الوصول السلس على أجهزة سطح المكتب، والأجهزة اللوحية، والهواتف الذكية. لا يتطلب التطبيق أي قاعدة بيانات أو خادم خلفي، ما يجعله أداة تعليمية خفيفة الوزن يمكن دمجها بسهولة في منصات التعلم أو استخدامها كمرجع مستقل. يساهم التطبيق في تمكين المستخدمين من التعرف بسرعة على خصائص الحيوانات الأليفة الشائعة، مما يجعله مثالياً للطلاب، والمعلمين، وعشاق الحيوانات.
It provides a set of reusable UI components for Fobrix applications.
يقدم هذا المكتبة مجموعة مختارة من مكونات واجهة المستخدم المصممة باستخدام تقنيات الواجهة الحديثة، مما يمكّن المطورين من تجميع الواجهات بسرعة وتناسق. كل مكون مصمم ليكون قابلًا للتخصيص بدرجة عالية، مع دعم للمواضيع، وتخطيطات متجاوبة، وحركات سلسة. تتكامل المكتبة بسلاسة مع الأطر الشائعة، مما يتيح استيرادها واستخدامها بسهولة في أي مشروع. تتضمن وثائق شاملة وأمثلة تفاعلية لتسريع التعلم والتبني. من خلال توحيد عناصر الواجهة، يمكن للفرق الحفاظ على التناسق البصري عبر تطبيقات متعددة مع تقليل التكرار في الجهد.
A modern, interactive web application built with Next.js that incorporates animated UI, accessible components, data visualization, and form validation.
يُقدّم هذا المشروع تطبيق ويب مبني على Next.js يُعد قاعدة أساسية لبناء واجهات مستخدم تفاعلية. يدمج مكتبة Framer Motion لتوفير حركات سلسة، ومكتبة Radix UI لتوفير مكونات متوافقة مع معايير الوصول، ومكتبة Recharts لعرض الرسوم البيانية الديناميكية، مع إطار Tailwind CSS لتسريع عملية التصميم. يُستخدم Zod لضمان التحقق من صحة بيانات النماذج وفقاً للمعايير المحددة، ما يضمن معالجة بيانات موثوقة. يتيح المشروع دعمًا للعرض على جانب الخادم، والتوليد الثابت، بالإضافة إلى مسارات API، ما يجعله مناسبًا لمجموعة واسعة من تطبيقات الويب. يمكن للمطورين توسيع التخطيط الأساسي، إضافة صفحات، وتخصيص المكونات مع الحفاظ على نظام تصميم موحد.
A personal portfolio website showcasing Dr. Massuca's professional background, projects, and contact information.
يُعد هذا الموقع منصة إلكترونية تُقدّم سيرة ذاتية مختصرة للدكتور مسك، مع قائمة مختارة من المشاريع التي يبرز فيها خبراته ومهاراته. يتميز بتطبيق حركات ديناميكية سلسة تُضيف طابعاً جذاباً وتفاعلياً للواجهة. التصميم متجاوب بالكامل، ما يتيح عرض المحتوى بشكل مثالي على أجهزة الكمبيوتر المكتبية، والأجهزة اللوحية، والهواتف الذكية. يتضمن نموذجاً للتواصل يُخزّن رسائل الزوار في قاعدة بيانات سحابية، ما يسهّل عملية التواصل المباشر مع صاحب الموقع. يستهدف الموقع أصحاب العمل المحتملين، والشركاء، والعملاء الذين يبحثون عن محترف في مجاله. يدمج الموقع بين البساطة والاحترافية، مع توفير تجربة مستخدم سلسة وسريعة التحميل.
A web-based security operations platform that consolidates multiple SOC tools, enriches threat intelligence, and automates incident response using AI.
تُعد منصة عمليات أمنية على الويب أداة متكاملة للفرق الأمنية، تجمع بين سبع أدوات أساسية في واجهة واحدة لتقليل التبديل بين التطبيقات وتسريع عمليات التحقيق. تُسترجع المنصة معلومات التهديد من أكثر من ثمانية مصادر في وقتٍ قصير، وتُقدم نتائج مُحسّنة للمعالم الأمنية في ثوانٍ. تُستخدم نماذج الذكاء الاصطناعي لتوليد خطط استجابة للحوادث وفقاً لإطار NIST وMITRE ATT&CK، مع دعم لتحديد مستويات الخطورة والأنشطة المرتبطة. يتيح مُعرض الفروق في لغة KQL مقارنة التغييرات في القواعد مع تحليل الأثر الأمني والأداء. كما توفر مكتبة القوالب القابلة لإعادة الاستخدام أوامر AI مُخصصة للعمليات الأمنية، مع إمكانية التصدير والنسخ. تُسهم هذه المزايا في تبسيط عمليات الصيد، تصنيف الإنذارات، وتوثيق الامتثال، مما يرفع كفاءة فرق SOC ويقلل زمن الاستجابة.
The wigglystuff project provides a collection of widgets for use in web applications.
هذا المشروع يجمع مجموعة من المكونات التفاعلية التي يمكن استخدامها في تطبيقات الويب لتحسين تجربة المستخدم وتقديم وظائف إضافية. يمكن دمج هذه المكونات بسهولة في مشاريع موجودة باستخدام لغات برمجة مثل بايثون و جافا سكريبت، ويستفاد من مكتبات شعبية مثل ريكت و ثري جايس لتوليد عناصر مرئية ومقدمة.
Together Forward is a project that aims to provide a platform for users to collaborate and work together on various tasks and projects.
هذا المشروع يستخدم تقنيات React و Express و Supabase لإنشاء تطبيق ويب يسمح بالتعاون في الوقت الحقيقي وتحديد المهام. يحتوي التطبيق على واجهة مستخدم سهلة الاستخدام ويمكن للمستخدمين إنشاء وتحديد المهام، وتخصيص الأدوار، ومراقبة التقدم. هذا التطبيق مصمم للفرق والمشاريع التي تحتاج إلى العمل معًا.
This project is a personal portfolio website for showcasing skills and experience.
هذا المشروع هو موقع شخصي لتقديم مهارات وخبرات، مبني على تقنية React وVite. يحتوي على تصميم بسيط ومستند على الوسائط المتعددة، ويتضمن تبويبًا تفاعليًا ونقطة قراءة حالية، بالإضافة إلى عناصر الاتصال والتنقل. يتم استضافة الصور حاليًا على CDN Figma، ولكن يمكن تنزيلها لاستخدامها بشكل دائم في مجلد src/assets.
The DreamLab Canvas project is a web-based application designed for artists and designers to create interactive digital art.
يعد مشروع DreamLab Canvas تطبيقًا على الإنترنت مصممًا لرسامي ومصممي الأعمال الرقمية للعمل معًا على الفنون التفاعلية. يتيح المستخدمين استخدام لوحة الرسم حيث يمكنهم رسمًا وصبغًا وتوظيف الحركات باستخدام أدوات متعددة. يتم بناء التطبيق باستخدام React ويعتمد Framer Motion لتحقيق الحركة السلسة. يستخدم Supabase كخدمة خلفية. تستخدم Tailwind CSS للتصميم. يعتمد Vite على الأداة لبناء المشروع. هذا المشروع يهدف إلى تقديم منصة مريحة للمصممين للعب دورًا في التعبير عن أنفسهم بشكل رقمي.
The Spark Value project is an interactive presentation that explores how AI can transform marketing, similar to its impact on development.
حسناً قيمة هو تقديم تفاعلي، يُستخدم لاستكشاف كيف يمكن أن تتحول التكنولوجيا الذكية التسويق كما فعلت في التطوير. يتم بناؤه باستخدام React و Vite و Framer Motion. يسلط الضوء على потенسيال التكنولوجيا الذكية في تحويل التسويق عن طريق إعادة صياغة مجرى التسويق، المنافسة، الفهم الجماهيري، تدفق العمل التعاوني، والعمليات من الاستراتيجية إلى التنفيذ. يهدف المشروع إلى إلهام النقاش حول كيف يمكن أن تتحول التكنولوجيا الذكية التسويق.
Habit Nova is a comprehensive web platform for building better habits, tracking personal growth, and achieving your goals through AI-powered assessments and interactive challenges.
هاب نوفا هي منصة ويب شاملة لإنشاء عادات أفضل، متابعة النمو الشخصي، وتحقيق الأهداف باستخدام تقنيات الذكاء الاصطناعي. وتوفر الميزات مثل تتبع العادات، التحديات 30 يومًا، أداة تقييم العادات بالذكاء الاصطناعي، بناء روتين الصباح، ومحطة تحليل البيانات. كما تشمل ميزات تجربة المستخدم مثل تسجيل الدخول والملفات الشخصية، وميزات إدارة المنصة للتعامل معها.
Claude Setup is a project that provides professional command templates and tools for structured AI-assisted development.
هذا المشروع يقدم مجموعة من شفرات الأوامر والtools لتعزيز التطوير الموجه بالتكنولوجيا الذكية. يستخدم هذا المشروع kombinasi من Python و JavaScript و TypeScript لتقديم حل شامل لل разработة. الهدف الرئيسي لهذا المشروع هو تسهيل عملية التطوير عن طريق المساعدة الذكية.
A two-player party game where players take turns guessing when or where photos were taken.
هذا اللعبة هي لعبة ممتعة للشخصين التي تختبر مهارات الذاكرة والرؤية. يلعب اللاعبون دوراً بدور الآخر في تخمين تاريخ أو موقع الصور من مكتبتهم الخاصة. اللعبة تحتوي على نوعين: نوع التاريخ، حيث يخمّن اللاعبون السنة، الشهر، واليوم، ونوع الموقع، حيث يخمّنوا الدولة، الولاية/المنطقة، والمدينة.