MyLivingPage is a Next.js application that enables users to create and share personalized living pages, featuring server-side resume parsing and Three.js rendering.
هي تطبيق Next.js يسمح للمستخدمين بإنشاء صفحات حياة مخصصة، وتقوم باستخدام Supabase لتعريف المستخدمين ودارة قواعد البيانات. كما تستفيد من SDK Anthropic لتفسير السيرة الذاتية على الخادم، وتدمج ثلاثي.js للرسم الحياتي. يمكن للمستخدمين إنشاء صفحات حياة مخصصة، مع مسارات محمولة لإنشاء و إدارة المحتوى.
The Mina project is a web application for creating interactive 3D experiences.
يعد مشروع مينا منصات ويب تتيح إنشاء تجارب ثلاثية الأبعاد متفاعلة. تستخدم هذه المنصة تقنيات ثري جايز و ريكت للسماح للمستخدمين بإنشاء بيئات ثلاثية الأبعاد معقدة وممتعة دون الحاجة إلى المعرفة الفنية المتقدمة. يركز المشروع على توفير واجهة مستخدم سهلة الاستخدام وتاحة الوصول لجميع المستخدمين، سواء كانوا مطورين أو غير ذلك.
The urdf-viewer project is a browser-based application for visualizing and interacting with robot models, allowing users to upload URDF files and view them in real-time.
يعد urdf-viewer تطبيقًا على الإنترنت يسمح للمستخدمين بتصفية وتفاعل مع أنماط الروبوت. يدعم التطبيق تحميل ملفات URDF و XACRO ، وكذلك STL و DAE mesh files. يحتوي التطبيق على سيطرة على مفاصل الوقت الحقيقي، وعرض 3D مع تحكم في الدوران والتمرير والزيادة، ومواصفات المشاهدة للتعديل على العرض. يمكن للمستخدمين أيضًا إلقاء الملفات مباشرة على متصفحهم لتحميلها.
God of Goons is a top-down 3D horde-defense prototype that allows players to use prompt-driven sandbox loops to create and manage game layers.
God of Goons هو لعبة دفاع من الأعداء في ثلاثي الأبعاد حيث يمكن للاعبين استخدام دوائر النصوص لإنشاء وتحكم في طبقات اللعبة المختلفة، مثل عناصر UI وآليات وموارد وحوادث. اللعبة تحتوي على محرك سحر ديناميكي يسمح بكتابة أوامر قصيرة مثل 'fireball' وعمليات تطبيق صندوقية تساهم في تشغيل آليات اللعبة.
This project is an interactive 3D haunted house scene built with Next.js and React Three Fiber, designed to showcase various features of Three.js.
هذا المشروع هو مشهد ثلاثي الأبعاد متفاعل يصور بيت مسكون بناءً على Next.js و React Three Fiber. ويحتوي على جدران مصفوفة، قبور محسوبة بشكل تكراري، أطواد عظمية، ضوء رؤوس، جزعات نارية، وتأثيرات أخرى. يظهر المشروع تقنيات مختلفة مثل إجراء عمليات PBR للرسومات، تحميل النماذج GLTF مع SkeletonUtils، تحريك الأنسجة في الوقت الفعلي لتحقيق التأثيرات الملمسية، تأثيرات بعد الإنتاج، توزيع القباب بشكل تكراري مع تجنب الاصطدام، وإدارة سياق WebGL في Next.js.
Signal is an open-source professional discovery platform that helps you find hard-to-reach talent using AI and real-time web search.
هو منصة اكتشاف مهارات مفتوحة المصدر تستخدم الذكاء الاصطناعي والبحث عن الوقت الحقيقي على شبكة الإنترنت لمساعدة المستخدمين في العثور على المحترفين الصحيحة بسرعة. يسمح للمستخدمين بالبحث عن المحترفين باستخدام اللغة العربية العادية، بدون تعقيدات أو تشغيلات بوليانية. يتم البحث عن الوقت الحقيقي عبر مزودين متعددين ويتضمن التطبيق تحليل المحترفين عبر مصادر عامة موثوقة. كما يقدم تصنيف الثقة والتصميم المتحكم فيه.
The dark-bird project is a web application designed for developers and artists to create interactive 3D experiences.
يعد مشروع dark-bird تطبيقًا على الإنترنت يهدف إلى تمكين المطورين والمصممين من إنشاء تجارب ثلاثية الأبعاد متفاعلة. يستخدم التطبيق Next.js و React و Three.js لإنشاء المشاريع، ويستفيد من Tailwind CSS للتصميم.
An interactive web platform that educates users on responsible electronic waste disposal and offers a marketplace for selling or donating used tech.
تقدم هذه المنصة واجهة ويب تفاعلية تهدف إلى توعية المستخدمين بأهمية التخلص المسؤول من النفايات الإلكترونية. تُظهر المنصة رسومات ثلاثية الأبعاد توضح خطوات إعادة التدوير، مع تحريك ديناميكي يضيف تجربة بصرية جذابة. يمكن للمستخدمين استعراض دليل خطوة بخطوة حول كيفية تفكيك الأجهزة القديمة وتحديد ما يمكن إعادة تدويره أو التبرع به. كما توفر المنصة سوقًا مبسطة لبيع أو شراء الأجهزة المستعملة، مع خيارات للتبرع بالمعدات غير المستخدمة للمنظمات الخيرية. تستهدف المنصة المستهلكين المهتمين بالبيئة، والمهتمين بالتقنية، والطلاب الذين يرغبون في تعلم مبادئ إعادة التدوير. تميزها هو دمج التعليم التفاعلي مع ميزة التجارة الإلكترونية، ما يجعلها حلاً متكاملاً لمشكلة النفايات الإلكترونية.
A personal portfolio website that showcases projects with interactive 3D elements.
يُعد هذا التطبيق الإلكتروني منصة شخصية تُظهر مجموعة مختارة من المشاريع بطريقة جذابة بصريًا. يدمج رسومات ثلاثية الأبعاد تفاعلية لتوفير تجربة مستخدم ديناميكية، مع الحفاظ على تصميم نظيف ومتجاوب عبر جميع الأجهزة. يُبنى باستخدام إطار عمل حديث، مما يضمن تنقلًا سريعًا وانتقالات سلسة، ويسهل على الزوار استكشاف عينات العمل. يستهدف الموقع المهنيين الذين يرغبون في إبراز مهاراتهم وإبداعهم أمام العملاء أو أصحاب العمل المحتملين. يحل مشكلة التميز في فضاء رقمي مكتظ من خلال الجمع بين الجاذبية الجمالية والوظائف التفاعلية. يتيح للمستخدمين عرض سيرهم الذاتية الرقمية بطريقة مبتكرة، مع توفير وسيلة فعالة للتواصل مع الجمهور المهتم.
A web application that lets users build, visualize, and validate hierarchical tree structures in 3D.
يُقدِّم هذا المنصة واجهة سهلة الاستخدام لبناء نماذج بيانات شجرية، حيث يمكن للمستخدمين سحب وإفلات وتكوين العقد في الوقت الفعلي. يتم عرض الهياكل في بيئة ثلاثية الأبعاد غامرة باستخدام مكتبة رسومات حديثة، ما يضيف عمقًا وسياقًا فضائيًا للهرم المعقد. يعتمد التطبيق على إطار عمل معتمد على التقديم من جانب الخادم، ما يضمن أوقات تحميل سريعة وتصفح سلس عبر الأجهزة المختلفة. يتم التحقق من صحة البيانات عبر نظام مخطط يضمن سلامة البيانات قبل التصدير أو التكامل. يستهدف المصممين والمطورين والمحللين، ويحل مشكلة توصيل العلاقات متعددة المستويات بطريقة واضحة وتفاعلية. يتيح للمستخدمين تصدير النماذج بصيغ شائعة، مما يسهل دمجها في تطبيقات أخرى. كما يدعم التخصيص عبر إعدادات التصميم لتلبية احتياجات المشاريع المتنوعة.
The ai-weboldal project is a modern, production-ready Next.js website for Pohánka és Társa Kft.
هذا المشروع يحتوي على تطبيق ويب شامل يتبع التصميم الحديث للوحة العالمي / العقل . يحتوي على تجربة مستخدم محترفة ومتفاعلة مع تأثيرات زجاجية ، وتحريكات Framer Motion ، ورموز React Lucide. التطبيق متوافق بالكامل ، سريع في الأداء ، مُ оптимَل للبحث ، ويتضمن تحركات سلسة.
This project is for a team of developers participating in Platanus Build Night, specifically Tomas Pablo Korenblit, to create an application.
هذا الملفات يحتوي على رمز مشروع تم تطويرها بواسطة korentomas خلال Platanus Build Night. لا توجد معلومات واضحة عن المشروع، ولكن يبدو أنه تطبيق ويب بني باستخدام تقنيات متعددة. ومع ذلك، لا يوجد في README معلومات كافية حول الوظيفة أو الغرض من المشروع.
This project is a Next.js application created using create-next-app, intended for web development.
هذا المشروع هو تطبيق Next.js تم إنشاؤه باستخدام create-next-app، ويستخدم React و Tailwind CSS لإنشاء تطبيقات الويب. يحتوي المشروع على Three.js للرسم ثلاثي الأبعاد. لا يستخدم هذا المشروع أي قواعد بيانات. يقدم README تعليمات أساسية حول كيفية بدء العمل مع الخادم التطوري وتوافر التطبيق على Vercel. يبدو أن هذا المشروع هو كائن منقاة أو نموذج تدريبي، دون ميزات محددة أو فكرة أصلي.
Aria Music Companion is a project that provides a companion experience for users to interact with music.
هذا المشروع يقدم تجربة مرافقة متكاملة للموسيقى، مما يسمح للمستخدمين بالتفاعل مع أغانيه المفضلة بطريقة أكثر إبداعًا ومتعة. يتم استخدام Next.js و React لإنشاء واجهة رسومية جذابة، بينما يستفيد Three.js من القدرة على إنشاء تمثيلات ثلاثية الأبعاد متعة. على الرغم من عدم وجود قاعدة بيانات، يظهر هذا المشروع كيف يمكن استغلال التكنولوجيا الويب بشكل مبتكر لتعزيز تقدير الموسيقى.
An interactive 3D web app that lets users explore a hotel’s rooms and amenities virtually.
يقدّم التطبيق جولة افتراضية ثلاثية الأبعاد شاملة لفندق، مما يتيح للزوار التنقل داخل الغرف والممرات والمساحات العامة مباشرةً عبر المتصفح. يتضمن واجهة تفاعلية مع نقاط تفاعل تُظهر تفاصيل الغرفة، والأسعار، وخيارات الحجز، مع تصميم متجاوب يضمن تجربة سلسة على أجهزة سطح المكتب والهواتف المحمولة. يُبنى التطبيق على إطار عمل حديث للواجهة، ويستفيد من التقديم على الخادم لتحميل سريع، ويستخدم نظام تنسيق خفيف الوزن لتصميم أنيق. يستهدف المستخدمون المسافرون الذين يبحثون عن معاينة واقعية قبل الحجز، وفِرَق التسويق في الفنادق لإنشاء محتوى جذاب، والمحترفين في العقارات لعرض الممتلكات. يساهم هذا الحل في تقليل عدم اليقين في الحجز وتعزيز الوصول التسويقي من خلال توفير معاينة واقعية وتفاعلية.
A lightweight static portfolio site that serves as a fallback when 3D rendering is unavailable.
يقدم هذا المشروع تطبيق ويب محفظة بسيط وسريع الاستجابة يمكن نشره بسرعة باستخدام Vite وTypeScript. يتيح عرضًا نظيفًا للمشاريع والمهارات ومعلومات الاتصال دون الاعتماد على رسومات ثلاثية الأبعاد معقدة. تم تصميمه ليكون بسيطًا بحد ذاته، مما يضمن أوقات تحميل سريعة وتوافقًا واسعًا عبر الأجهزة والمتصفحات. يناسب المصممين والمطورين والفنانين الذين يحتاجون إلى وجود إلكتروني سريع وموثوق. يضمن نهج البديل أن يرى الزوار محفظة مصقولة حتى إذا تم تعطيل WebGL أو الرسومات المتقدمة.
Gundamaxing is a platform for Gunpla builders to showcase their builds, earn ranks, and connect with others.
هو منصة للمحبيين للجونبلا، حيث يمكنهم إنشاء ملفات تعريف، تحميل و عرض مشاريعهم، والتواصل مع الآخرين عبر المنتديات والمسارات. وتحتوي المنصة على مجموعة من الأدوات والخصائص، بما في ذلك تصفية المشاريع، تتبع خطوط الجينات، ومشاهدة سينمائية للمعلومات التفصيلية عن المشروع.
A web application that renders interactive 3D scenes using Three.js within a Next.js and React framework, styled with Tailwind CSS.
يقدّم هذا المشروع واجهة ويب تسمح بعرض مشاهد ثلاثية الأبعاد تفاعلية على المتصفح. يعتمد على مكتبة رسومات ثلاثية الأبعاد لتوليد الأشكال والأنماط الحركية في الوقت الحقيقي. يُدمج مع إطار عمل لتطوير تطبيقات الويب، ما يتيح التحميل السريع وتقديم المحتوى على الخادم والعميل. يتم تنسيق العناصر باستخدام نظام تصميم متجاوب يضمن توافقاً مع مختلف أحجام الشاشات. يستهدف المصممين والمطورين الذين يحتاجون إلى دمج رسومات ديناميكية في مواقعهم أو تطبيقاتهم. يحل مشكلة صعوبة إنشاء تجارب بصرية غامرة بدون الحاجة إلى أدوات معقدة أو بيئات تطوير ثقيلة.
This project is an AI Studio applet that allows users to create and deploy their own AI-powered applications.
هذا المشروع هو تطبيق استوديو للذكاء الاصطناعي يسمح للمستخدمين بإنشاء وتطوير تطبيقاتهم الخاصة بالذكاء الاصطناعي. يتم بناء هذا التطبيق باستخدام Next.js و React و Shadcn UI و Tailwind CSS، ويستخدم Three.js لرسوميات ثلاثية الأبعاد ولا يتطلب أي قواعد بيانات خارجية. يوفّر المشروع بيئة تطوير محلية وتسمح للمستخدمين بمراجعة تطبيقاتهم في استوديو الذكاء الاصطناعي. للتشغيل المحلي، قم بتثبيت dependencies، وحدد مفتاح Gemini API الخاص بك، ثم.execute npm run dev.
A web application that transforms audio into dynamic 3D color visualizations for artists and developers.
يستقبل هذا التطبيق الصوتي من الميكروفون أو ملفات الصوت ويحوّله إلى رسومات ثلاثية الأبعاد ديناميكية بالألوان في الوقت الحقيقي. يعتمد على تحليل صوتي متقدم لاستخراج الترددات والضوضاء، ثم يربط هذه البيانات بمدى ألوانٍ معقدة تُعرض على كائنات ثلاثية الأبعاد تُرسم باستخدام مكتبة Three.js. تم بناء واجهة المستخدم باستخدام Next.js لتوفير تجربة تحميل سريعة وتفاعلية، مع React لإدارة المكونات، وTailwind CSS لتصميم متجاوب وأنيق. يتيح التطبيق للمستخدمين التحكم في حساسية التحليل، اختيار لوحات ألوان، وتغيير نمط العرض لتناسب احتياجاتهم الفنية. يستهدف الفنانين والموسيقيين والمصممين الذين يرغبون في استكشاف العلاقة بين الصوت واللون بطريقة بصرية غامرة ومبتكرة. يميز هذا الحل بقدرته على تحويل الأصوات إلى تجارب بصرية فريدة، مع توفير أدوات تفاعلية تجعل من السهل تعديل الإعدادات في لحظة.
The unit2go-visualiser project is designed to help users visualize the placement of tiny homes using AI-powered technology.
هذا المشروع يستخدم الذكاء الاصطناعي لإنشاء تمثيل مرئي للوضع المكاني للمنازل الصغيرة. يعتمد على تكنولوجيا جوجل جيميومي (Gemini) لتشغيله. يهدف هذا الأداة إلى تقديم طريقة سهلة الاستخدام لل пользователя لفهم وتنظيم مكان المنزل الصغير. يمكن للمستخدمين من خلال هذه التمثيل المرئي فهم احتياجات المساحة والقيود المتعلقة بتركيب المنازل الصغيرة.
BumpTop is a 3D desktop interface for interacting with files in a physics-based environment, supporting both desktop/laptop and mobile AR modes.
بمب تاپ هو منصة سطح المكتب ثلاثية الأبعاد التي تسمح للمستخدمين بالتفاعل مع الملفات في بيئة فيزيائية، وتدعم كلاً من الوضع المحاكي على الكمبيوتر المحمول والواقع المعزز على الهاتف المحمول مع دمج الملفات الحقيقية عبر دروب بوكس. يحتوي المشروع على سطح مكتب افتراضي حيث يتم عرض الملفات كأجسام ثلاثية الأبعاد، مما يسمح بالتفاعل الفيزيائي الواقعي مثل النقر والتمرير ورمي الملفات. كما تتوفر إمكانية العرض للمحتوى للصور والفيديو والصوت والنصوص. في وضع الواقع المعزز، يمكن للمستخدمين وضع سطح المكتب الافتراضي في مساحةهم الفيزيائية وتفاعل مع الملفات باستخدام跟踪 اليد. كما يدعم المشروع دمج دروب بوكس لتحميل الملفات الحقيقية، والتوثيق الأمني عبر OAuth 2.0 + PKCE، وتبديل مزود بين Mock ودروب بوكس.
A minimal starter template that sets up a React application with Vite, enabling hot module replacement and ESLint rules for efficient development.
يقدّم هذا القالب إعدادًا خفيفًا لتطوير تطبيقات React باستخدام Vite، مع التركيز على تسريع دورة التطوير. يتضمن دعمًا مدمجًا لتحديث الوحدات الحي (HMR)، ما يتيح للمطورين رؤية التغييرات فورًا دون إعادة تحميل الصفحة بالكامل. يشتمل القالب على إعداد ESLint مُختار بعناية لضمان جودة الكود وتناسق الأسلوب في جميع الملفات. يدعم القالب كل من المكوّن الرسمي المبني على Babel ومكوّن أحدث يعتمد على SWC لتحديث React السريع، ما يمنح مرونة في اختيار الأداء. يُعد القالب مثاليًا للمطورين الأمامي الذين يبحثون عن أساس سريع ومُحكم لبدء مشروع جديد دون الحاجة إلى إعدادات معقدة. يتيح القالب أيضًا توسيع إعدادات ESLint بسهولة، مما يسهّل دمج قواعد إضافية أو تحويل المشروع إلى TypeScript عند الحاجة.
The robotica project is a web application for creating and interacting with virtual robots.
هذا المشروع هو عبارة عن تطبيق ويب يسمح للمستخدمين بإنشاء وتخصيص وسيطرة على روبوتات افتراضية. يستخدم هذا التطبيق تقنيات متقدمة مثل Three.js لرسوميات ثلاثية الأبعاد و React لبناء الواجهة المستخدمة. الهدف من المشروع هو توفير تجربة ممتعة للمستخدمين لتصميم وتفاعل مع روبوتاتهم الخاصة.
A dynamic personal portfolio website that showcases projects, skills, and experiences using interactive animations and 3D visualizations.
يُعد هذا التطبيق الويب منصة شخصية تُعرض فيها مشاريع الفرد، مهاراته، وخلفيته المهنية بطريقة جذابة ومُتفاعلة. يستفيد من مكتبات الرسوم المتحركة الحديثة لإنشاء انتقالات سلسة تُرشد الزائرين عبر المحتوى. تُدمج عناصر التصوير ثلاثي الأبعاد لإضفاء عمق وجاذبية بصرية لا تُنسى. يُبنى الموقع على إطار عمل مكوّنات، ما يضمن تنظيمًا مُنظمًا وسهولة في التحديثات. يستهدف المحترفين الذين يرغبون في إبراز أعمالهم بطريقة بصرية مميزة، مما يساعدهم على التميز أمام أصحاب العمل والمتعاونين.
This application renders an interactive 3D sphere composed of extruded text belts, allowing designers and developers to explore variable fonts in real time.
يُنشئ هذا التطبيق كرة ثلاثية الأبعاد ناعمة تُحاط بحزامين أو أكثر من الحروف المطوَّرة، حيث يمثل كل حزام سطرًا نصيًا. يمكن للمستخدم تحميل خطوط متغيرة من Google Fonts وضبط محاورها عبر شريط تمرير بديهي، مع تحديث هندسة الحروف فورًا. تدور الكرة وحزام النص بشكل مستقل، بينما يتحكم الكاميرا في حركة خفيفة مع انحراف طفيف. يمكن ضبط إعدادات مثل الخط، والمسافة، وسرعة الدوران، وتبديل اللون عبر لوحة تحكم، كما يمكن تصدير أو استيراد الإعدادات بصيغة JSON. يُبنى التطبيق باستخدام React وThree.js، ويعمل محليًا مع Vite، ما يسهل نشره على أي خدمة استضافة ثابتة.
The STRATIS Landing Page is a multi-section landing site for STRATIS, built with Next.js, React, and Tailwind CSS.
هذا المشروع هو صفحة استقبال حديثة مصممة لتوضيح ميزات و فوائد STRATIS. يحتوي على خلفية متحركة شاشة كاملة، وترتيب سحب بارالاكس، وsections من الزجاج، ومكتب تسجيل قائمة الانتظار مع интеграطون بالبريد الإلكتروني.
The core-landing project is a web application designed for developers and designers to create interactive landing pages.
هذا المشروع يستخدم Next.js و React و Tailwind CSS لإنشاء صفحة هبوط قابلة للتخصيص. يعتمد على Framer Motion للتحكم في الحركات والحركات ثلاثية الأبعاد، و Supabase لإدارة البيانات. تستخدم Zod لتحقق صحة النماذج. الهدف من المشروع هو تسهيل عملية إنشاء صفحات هبوط جذابة.
A Next.js powered landing page that showcases interactive animations and 3D graphics for designers and developers.
يُقدّم هذا المشروع صفحة هبوط متجاوبة تم إنشاؤها باستخدام Next.js مع Tailwind CSS وThree.js. تُستخدم مكتبة Framer Motion لإضافة حركات سلسة، بينما توفر Radix UI مكونات متوافقة مع معايير الوصول. يتضمن التصميم مشهدًا ثلاثي الأبعاد يُرسم بواسطة Three.js ويتفاعل مع تحركات المستخدم، ما يخلق تجربة بصرية جذابة. تستهدف الصفحة المصممين والمطورين والفرق التي تحتاج إلى عرض سريع وعالي الأداء لأفكارها أو منتجاتها. بفضل التوليد الثابت ومعالجة الجانب الخادم، يتم تحميل الصفحة بسرعة وتكون ملائمة لمحركات البحث. يُمكن تعديل المكوّنات بسهولة لتناسب احتياجات مشروع محدد، مما يجعلها قاعدة مرجعية قابلة للتوسيع.
The 3D Design Directory is an interactive catalog of design resources curated by Open Session, providing a living and immersive experience for discovering tools, inspiration, and resources.
هذا المشروع هو معجم حي ومتفاعل للموارد التصميمية المجمعة من قبل Open Session. بدلاً من قائمة ثابتة، قمنا ببناء تجربة مرئية ثلاثية الأبعاد للجسيمات التي تجعل اكتشاف أدوات التصميم واللهفة والموارد تجربة ممتعة.
A TypeScript web application that renders interactive, data-driven maps for embedding in web pages.
يقدم هذا المشروع واجهة أمامية مبنية على TypeScript تقوم بعرض خرائط تفاعلية مباشرة في المتصفح. يستخدم أدوات التجميع الحديثة وبنية مكوّنات تسمح للمطورين بدمج الخرائط مع إعدادات بسيطة. تدعم الخرائط طبقات بيانات ديناميكية، وتصورات ثلاثية الأبعاد، وتفاعلات متجاوبة، ما يجعلها مناسبة للوحة المعلومات والأدوات التحليلية. يستهدف المستخدمين المطورين الأماميين والمتخصصين في تصور البيانات الذين يحتاجون إلى حل خفيف الوزن وقابل للتخصيص للخرائط. يحل المشروع مشكلة دمج التصورات الجغرافية الغنية دون الاعتماد على خدمات خلفية ثقيلة.
This project is a demonstration of the capabilities of AI Studio, allowing users to quickly build and deploy applications using Gemini.
يُظهر مشروع react-example دمج تقنيات متعددة مثل Express، React، Tailwind، Three.js، و Vite. يستخدم المشروع SQLite لمراقبة قاعدة البيانات. الوظيفة الرئيسية للمشروع هي تظليل عملية التطوير المتميزة مع أداة Gemini من AI Studio. هذا المثال يهدف إلى تقديم نقطة انطلاق لل пользователяين الذين يبحثون عن بناء تطبيقات بفعالية.
A web application that helps individuals manage personal finances, track spending, and optimize investments using AI-driven insights.
يُقدّم المنصة مجموعة شاملة لإدارة الشؤون المالية الشخصية، حيث يتيح للمستخدمين استيراد المعاملات من جداول Google Sheets وتصنيفها تلقائياً. توفر أدوات الميزانية توصيات مدعومة بالذكاء الاصطناعي، واكتشاف المصاريف المتكررة، ومؤشر الصحة المالية الذي يجمع بين المدخرات، والديون، وسرعة الإنفاق. يتضمن تتبع الاستثمارات الأسهم، وصناديق الاستثمار المتداولة، وخطط الاستثمار المنتظم، مع تحديثات الأسعار الحية وحساب العائد السنوي. تحلل الرؤى المدعومة بالذكاء الاصطناعي أنماط الإنفاق، وتُقترح تحسينات ضريبية، وتُقدّم مستشاراً ماليًا محادثًا. يتلقى المستخدمون إشعارات فورية، وتصدير تقارير، ويصلون إلى مركز تعليمي مع اختبارات مخصصة لأهدافهم المالية.
An interactive web experience that lets users explore a virtual beer garden, view beer selections, and learn about brewing.
يُقدِّم هذا التطبيق واجهة ويب تفاعلية تسمح للمستخدمين بزيارة حديقة بيرة افتراضية يمكنهم استكشافها في أبعاد ثلاثية. يُبنى على إطار عمل حديث لتطوير واجهات المستخدم، مع تنسيق أنيق باستخدام إطار عمل تصميم متجاوب، بينما يُعالج محرك رسومات ثلاثية الأبعاد المشهد والمنتجات بطريقة واقعية. يمكن للزوار النقر على كل بيرة لعرض تفاصيلها، قراءة ملاحظات التخمير، ومشاهدة مقاطع فيديو قصيرة توضح عملية التصنيع. يهدف المشروع إلى تلبية احتياجات المزارع البيرة والمنظمين للفعاليات الذين يرغبون في عرض منتجاتهم بطريقة جذابة دون الحاجة إلى حضور فعلي. يحل هذا الحل مشكلة القصور في التفاعل المباشر من خلال توفير تجربة غامرة يمكن مشاركتها عبر الإنترنت، مما يزيد من التفاعل والوعي بالعلامة التجارية.
An interactive web application that simulates global health decision‑making scenarios for educational and training purposes.
يقدّم هذا التطبيق بيئة ثلاثية الأبعاد ديناميكية تسمح للمستخدمين باستكشاف وتعديل المتغيرات التي تؤثر على نتائج الصحة العالمية. يتضمن مجموعة من السيناريوهات الواقعية، بدءاً من تفشي الأوبئة إلى أزمات توزيع الموارد، ما يتيح للمشاركين اختبار استراتيجيات مختلفة ومراقبة عواقبها في الوقت الفعلي. تم تصميم واجهة المستخدم باستخدام تقنيات ويب حديثة لضمان أداء سلس وسهولة الوصول عبر جميع الأجهزة. يستهدف التطبيق طلاب الطب، المهنيين في الصحة العامة، وصناع السياسات، ويعمل كأداة تدريب عملية تربط بين النظرية والتطبيق. يقدّم التطبيق ملاحظات بصرية فورية تساعد المستخدمين على فهم التداخلات المعقدة وتحسين مهارات اتخاذ القرار. كما يتيح للمدرسين دمج المحاكاة في المناهج الدراسية لتوفير تجربة تعليمية غنية ومتكاملة. يساهم هذا النظام في إعداد قادة المستقبل للحد من الأزمات الصحية العالمية بفعالية أكبر.
vibe3d is a project that enables users to create and interact with 3D environments, likely using Next.js as the frontend framework.
هذا المشروع يستخدم Next.js و Three.js لإنشاء مشاهد ثلاثية الأبعاد قابلة للتفاعل. يسمح للمطورين ببناء تجارب ممتعة ثلاثية الأبعاد لمختلف التطبيقات. تضم الوظيفة الرئيسية للمشروع إظهار النماذج الثلاثية الأبعاد، التعامل مع الإجراءات المستخدمة، وتوفير واجهة مستجابة.
This project provides an AI-powered facial reconstruction and lesion analysis platform for various users.
هذا المشروع يقدم منصة تلبية للوجه والتحليل الجلدي باستخدام الذكاء الاصطناعي للمستخدمين المختلفين. يحتوي المشروع على ميزات مثل التخطيط المحلي لخطة الفلاب، تحميل و تحليل الصور المتعددة، إنشاء نموذج 3D للوجه من خلال خدمة بايثون، دمج الموارد الطبية، نظام إدارة المستخدمين والتحقق، وتخزين البيانات الآمن عبر Supabase. يمكن نشر المنصة على Vercel، مع الحاجة إلى نشر الخدمة البايثونية بشكل مستقل.
This project provides a minimal setup for building React applications in Vite, including support for TypeScript and ESLint rules.
هذا المشروع يوفّر إعدادًا بسيطًا لإنشاء تطبيقات React باستخدام Vite كأداة بناء. يتضمن الدعم لتسجيل النوعيّات وتنظيم قواعد ESLint لضمان جودة الكود. كما يقدم خيارات لتمكين تحديث السريع باستخدام Babel أو SWC. بالإضافة إلى ذلك، يقدّم إرشادات حول توسيع تكوين ESLint للتطبيقات الإنتاجية.
TheTrueSize3D is an interactive 3D globe web application that allows users to compare the true sizes of countries and regions by overlaying them on each other.
هذا المشروع هو تطبيق جولف ثلاثي الأبعاد متفاعل على الويب يسمح للمستخدمين ب сравن الحجم الفعلي للبلدان والمجالات عن طريق وضعها فوق بعضها. يحتوي على واجهة مستخدم محمولًا، جولف ثلاثي الأبعاد متفاعل، رؤية بلدان ومقاطعات، أدلة تفاعلية عند النقر فوق أي بلد أو مقاطعة، حدود عالية الدقة، تعدد الطبقات، طبقات ثابتة على الشاشة، تحريك الطبقات إلى مواقع جديدة، حقل بحث، دلوات قياس في كل طبقة، ولوحة مساعدة.
A web application that lets users design and export personalized 3D profile cards for social media and marketing purposes.
يُطوَّر هذا التطبيق باستخدام Next.js لتوفير تجربة تصفح سريعة مع معالجة على الخادم، مما يضمن تحميل الصفحات بسرعة وبدون تأخير. يتيح واجهة React المتجاوبة، المصمَّمة باستخدام Tailwind CSS، للمستخدمين تعديل تفاصيل البروفايل، اختيار الخلفيات، وإضافة نصوص مخصصة بطريقة بديهية وسهلة. يُعتمد على مكتبة Three.js لعرض نموذج ثلاثي الأبعاد في الوقت الحقيقي، ما يتيح للمستخدم تدوير النموذج، تكبيره، أو تصفحه من زوايا مختلفة قبل حفظه. بعد الانتهاء من التصميم، يستخدم Puppeteer لتوليد صورة عالية الدقة أو ملف PDF للبطاقة، بحيث يمكن تنزيلها أو مشاركتها مباشرة على منصات التواصل. يستهدف هذا الحل المصممين، والمسوقين، ومديري وسائل التواصل الاجتماعي الذين يحتاجون إلى إنشاء مواد بصرية جذابة بسرعة ودون الحاجة إلى برامج تصميم معقدة.
DecisionQuest is an enterprise decision-making simulation platform that uses tabletop RPGs to create memorable learning experiences.
DecisionQuest هو منصة لتأهيل القرارات الإدارية باستخدام لعبة الفانتازيا الجرئ (RPG) التي تدمج نظرية القوائم والفونكتوورز. مصممة للاستخدام في المؤسسات، تقدم تجارب التعلم الذكية حيث يشعر المستخدم بالتحديات الحقيقية ولكن النتائج آمنة للتعرض.
A Next.js based interactive landing page that showcases a product with animated 3D elements and responsive design.
يقدّم هذا المشروع صفحة هبوط حديثة مبنية على إطار عمل شائع للـReact، تتضمن حركات سلسة مدعومة بمكتبة الحركة وعناصر ثلاثية الأبعاد غامرة تُعرض في المتصفح. يتكيف التصميم بسلاسة مع أجهزة الهاتف المحمول، والتابلت، وأجهزة سطح المكتب، ما يضمن تجربة متسقة عبر جميع الأجهزة. تقود أقسام التفاعل الزائرين عبر أهم مزايا المنتج، بينما تجذب الإشارات الحركية البسيطة انتباههم إلى الدعوات إلى اتخاذ إجراء. الصفحة جاهزة للتكامل مع أدوات التسويق، مما يتيح جمع بيانات العملاء وتتبع التحليلات. تُعدّ قالبًا جاهزًا للفرق الناشئة والمنتجات التي تسعى لإطلاق حضور إلكتروني متقن بسرعة.
A sandbox for experimenting with WebGPU and prototyping GPU‑based graphics in the browser.
يُقدّم هذا المشروع بيئة خفيفة الوزن تسمح للمطورين بتجربة WebGPU، واجهة الرسوميات الحديثة للويب، وتطوير نماذج أولية للرسوميات المعتمدة على المعالجة الرسومية. يدمج محرك Three.js مع أدوات اختبار Playwright لتسهيل إنشاء وتعديل المظلات (shaders) ومشاهد 3D بسرعة. يُعتمد على نظام بناء Vite لتشغيل خادم تطوير سريع مع دعم التحديث الحي للموارد، ما يسرّع عملية التجربة والتعديل. يستهدف المستخدمين المهندسين الأماميين، ومبرمجي الرسوميات، والباحثين الذين يطمحون إلى استغلال قدرات GPU في المتصفح. يحل المشروع مشكلة نقص الأدوات السريعة والموثوقة لتجربة WebGPU، مع توفير واجهة تفاعلية تسمح بالاختبار الفوري للميزات الجديدة. يميّزه تركيزه على البساطة والسرعة، مع توفير بيئة متكاملة لا تحتاج إلى إعدادات معقدة أو تكامل مع قواعد بيانات أو أنظمة خلفية.
A web-based interactive particle simulation using WebGPU and Three.js for procedural graphics.
يقدّم هذا المشروع نظام جزيئات تفاعلي يُعرض في المتصفح باستخدام WebGPU وThree.js. يحاكي 65,536 جزيئًا تتدفق عبر حقل ضوضاء كيرل، مع إمكانية تعديل الحركة عبر تفاعل الفأرة. يُظهر التنفيذ تقنيات GPGPU في TypeScript، مستفيدًا من دعم WebGPU التجريبي في Three.js. يستهدف المطورين والفنانين الذين يطمحون لاستكشاف الرسوميات الإجرائية والحوسبة الحقيقية للمعالجات الرسومية. يُعد المشروع نموذجًا بحثيًا للرسوميات التوليدية والتركيبات التفاعلية. يتيح للمستخدمين تجربة ديناميكيات معقدة مع واجهة سهلة الاستخدام. يبرز قدرات WebGPU في إنشاء تجارب بصرية غنية وسريعة. يساهم في توسيع فهم تقنيات الرسوميات الحديثة في بيئة الويب.
This project is a portfolio website built using Next.js, React, and Tailwind CSS.
هذا مشروع هو موقع محترف يحتوي على معلومات عن المشاريع التي قمت بإنشائها. تم إنشاء الموقع باستخدام Next.js و React و Tailwind CSS. يستخدم الموقع خط Geist الذي يقدمه Vercel. يمكنك تشغيل الخادم التطويري المحلي وتجربة الموقع.
This project is a landing page for NotStudio, likely used to showcase the company's services or products.
هذا المشروع هو صفحة تسويقية لشركة NotStudio، وربما تستخدم لترويج خدماتها أو منتجاتها. يعتمد هذا التطبيق على تقنيات حديثة مثل React و Three.js. يستفيد من Framer-motion للتحريك والحركة، وفايت (Vite) للحصول على كفاءة في التطوير. لا يظهر أن المشروع يستخدم أي قواعد بيانات. نظراً لعدم توفر الوصف، يمكن استخلاص الغرض منه فقط من الاسم والتكنولوجيا المستخدمة.
A modern web platform that showcases a web development agency's portfolio, services, and contact information.
تُقدّم هذه المنصة واجهة ويب شاملة لعرض محفظة وكالة تطوير الويب، مع إبراز المشاريع المنجزة، فلسفة التصميم، والخبرة التقنية. تتضمن عناصر واجهة تفاعلية مدعومة بمكتبات الحركة، تخطيطات متجاوبة، وتحسينات للأداء لضمان سرعة التحميل عبر جميع الأجهزة. يمكن للزوار استكشاف دراسات حالة مفصلة، عرض الخدمات المقدمة، والوصول إلى نموذج اتصال لبدء التعاون. تم بناء الموقع باستخدام إطار عمل حديث للـ JavaScript وتنسيق باستخدام CSS القائم على الأدوات، ما يضمن سهولة الصيانة وقابلية التوسع. يُعدّ هذا المشروع أداة تسويقية وعرضاً لقدرات الوكالة الإبداعية في مجال التصميم والتطوير.
An interactive web app that delivers ocean-themed prayers and meditations with immersive 3D visuals for relaxation and reflection.
يقدّم التطبيق مجموعة مختارة من الصلوات والعبارات التأملية المستوحاة من البحر، مع صوت هادئ ورسومات ثلاثية الأبعاد تفاعلية. يمكن للمستخدمين قراءة النصوص، الاستماع إلى التسجيلات، وتعديل الإضاءة والضوضاء لتخصيص تجربة الاسترخاء. يدعم التطبيق تسجيل الدخول وتخزين المفضلات، ما يتيح متابعة ممارسات يومية مخصصة. يستهدف الأشخاص الباحثين عن التأمل الروحي، أو الذين يحتاجون إلى هروب هادئ من ضغوط الحياة اليومية. يدمج التطبيق الصوت، النص، والرسوم المتحركة لتوفير تجربة حسية فريدة لا تتوفر في التطبيقات التقليدية التي تعتمد على النص أو الصوت فقط. يساهم في تحسين التركيز والهدوء الذهني، مع إمكانية مشاركة اللحظات المفضلة مع المجتمع. يبرز بفضل تصميمه البصري الجذاب والواجهة السهلة الاستخدام، ما يجعله خياراً مفضلاً للباحثين عن الهدوء والروحانية في بيئة رقمية.
This project is a modern, interactive web application that showcases 3D visual content using a responsive UI.
يقدّم هذا المشروع واجهة ويب حديثة تسمح بعرض محتوى ثلاثي الأبعاد بطريقة تفاعلية وجذابة. يعتمد على مكتبة Three.js لإنشاء مشاهد 3D سلسة، مع دعم كامل للرسوم المتحركة والتأثيرات البصرية. تم تصميمه باستخدام إطار عمل Next.js لضمان سرعة التحميل وتقديم تجربة مستخدم سلسة عبر جميع الأجهزة. يدمج مكتبة shadcn‑UI مع Tailwind CSS لتوفير مظهر متناسق وحديث مع إمكانية التخصيص السهل للأنماط. يتيح للمصممين والمطورين إضافة عناصر تفاعلية بسهولة، مع دعم للأنماط الداكنة والنهاريّة. يهدف إلى تمكين المستخدمين من إنشاء مواقع عرض فنية أو تجارية تتطلب رسومات ثلاثية الأبعاد عالية الجودة دون الحاجة إلى إعداد خادم معقد.
This project is a modern, minimalist portfolio website for Jenna Eve, a Visual Designer & Creative Strategist.
هذا المشروع هو موقع ويب حديث ومينيماليستي لجينا إيف، مصمم مرئي ومتخصص في الاستراتيجية الإبداعية. تم بناؤه باستخدام React و Vite، يحتوي على تصميم نظيف يحتوي على تركيب غير منتظم، عناصر تفاعلية، وتذييل متكامل. يتضمن المشروع تحريك مؤشر الماوس، تأثيرات التمرير السلس، وتفاعلات النقر.