Mindset

Projects

Work synced from GitHub and curated for the public site.

Tags:

Alnafar.store

Web

# 🎮 متجر الألعاب - Alnafar Store متجر ألعاب إلكتروني متكامل مع **ذكاء اصطناعي للتعرف على الألعاب** باستخدام Google Gemini Vision API، لوحة تحكم شاملة. مبني بـ Express.js و React و Tailwind CSS، مع دعم **Turso** و **Cloudinary** و **Render** للنشر المجاني. --- ## 🔗 الروابط | | الرابط | |---|--------| | **الموقع المباشر** | [https://alnafar-store.vercel.app/](https://alnafar-store.vercel.app/) | --- ## 📋 جدول المحتويات - [البدء السريع](#-البدء-السريع) - [استنساخ من GitHub](#-استنساخ-من-github) - [المميزات](#-المميزات) - [التثبيت والإعداد](#-التثبيت-والإعداد) - [دليل الاستخدام](#-دليل-الاستخدام) - [التصميم والواجهة](#-التصميم-والواجهة) - [حل المشاكل](#-حل-المشاكل) - [التطوير](#-التطوير) --- ## 🚀 البدء السريع ### تجربة الموقع مباشرة - **المتجر**: [https://alnafar-store.vercel.app/](https://alnafar-store.vercel.app/) ## ✨ المميزات ### 🤖 التعرف الذكي على الألعاب - **التقنية**: Google Gemini Vision API - **الدقة**: 95%+ من التعرفات الناجحة - **التكلفة**: مجاني (15 طلب/دقيقة) - **اللغات**: عربية وإنجليزية ### 🎨 تصميم عصري - بطاقات ألعاب مع صور عالية الجودة وتدرجات لونية حسب النوع - واجهة متجاوبة وخطوط عربية (Cairo, Tajawal, Almarai) ### 🔍 فلترة وبحث - بحث وفئات (PS4, PS5, PC)، نوع اللعبة، السلسلة، شاشة منقسمة، ترتيب أبجدي ### 📊 لوحة تحكم - إدارة الألعاب (إضافة/تعديل/حذف)، تعرف تلقائي من الصور، تصنيف ذكي (Wikipedia)، إدارة الفئات والطلبات والإحصائيات --- --- ## 🎨 التصميم والواجهة | النوع | اللون | |-----------|-----------| | رعب | 🔴 أحمر | | أكشن | 🟠 برتقالي | | مغامرة | 🟡 كهرماني | | رياضة | 🟢 أخضر | | سباقات | 🔵 سماوي | | ألغاز | 🟣 وردي فاتح | | منصات | 🌸 وردي | | عالم مفتوح | 🌊 تركواز | | تخفي | ⚫ رمادي | | قتال | 🟣 بنفسجي | | استراتيجية | 🔵 أزرق | | تصويب | 🟦 نيلي | | RPG | 🟨 أصفر | | أطفال | 🟩 أخضر زمردي | --- ## 💻 التطوير ### هيكل المشروع ``` Alnafar.store/ ├── backend/ │ ├── server.js # خادم Express │ ├── db-adapter.js # SQLite محلي / Turso سحابي │ ├── cloudinary-storage # رفع الصور (محلي / Cloudinary) │ └── data/ # قاعدة بيانات محلية + uploads ├── frontend/ │ └── src/ │ ├── App.jsx # الواجهة الرئيسية │ ├── Admin.jsx # لوحة التحكم │ ├── GamesTabNew.jsx # إدارة الألعاب │ └── styles.css ├── .env ├── render.yaml # إعداد Render ├── Procfile └── package.json ``` ### التقنيات | الطبقة | التقنية | |----------|---------| | Backend | Node.js, Express.js | | قاعدة البيانات | SQLite (تطوير) / **Turso** (إنتاج) | | الصور | تخزين محلي (تطوير) / **Cloudinary** (إنتاج) | | Frontend | React, Vite, Tailwind CSS | | AI | Google Gemini Vision API | | مصادقة | JWT | | استضافة | **Render** | --- ## 👨‍💻 المطور **INB** · **الإصدار**: v3.0.0 *🎮 استمتع بالألعاب! 🎮*

JavaScript

nawafe3

Web

# 🎓 مبادرة نوافع - بطاقة الطالب الذكية نظام إدارة متكامل لبطاقات الطلاب والخصومات الحصرية، مصمم لمبادرة نوافع في أجدابيا. --- ## ✨ المميزات ### 🏥 شراكات متنوعة - **مراكز طبية** - خصومات على الخدمات الصحية - **مراكز تعليمية** - تخفيضات على الدورات والخدمات التعليمية - **محلات تجارية** - عروض حصرية على المشتريات - **مطاعم ومقاهي** - تخفيضات على الوجبات ### 🔍 نظام البحث والفلترة - بحث فوري عن الشركاء - فلترة حسب نوع الخدمة (طبي، تعليمي، تجاري...) - عرض نسب الخصم بشكل واضح ### 📱 واجهة المستخدم - تصميم عصري وجذاب - متجاوب على جميع الأجهزة - دعم كامل للغة العربية - تجربة مستخدم سلسة ### 🔐 نظام التحقق - التحقق من صلاحية البطاقات - حماية البيانات --- ## 💡 فكرة المشروع **مبادرة نوافع** هي مبادرة طلابية تهدف إلى: - تقديم خصومات حصرية لطلاب مدينة أجدابيا - بناء جسور تواصل بين الطلاب والمؤسسات المحلية - تسهيل حصول الطلاب على الخدمات بأسعار مناسبة - دعم الطلاب اقتصادياً طوال فترة دراستهم --- ## 🛠️ التقنيات المستخدمة | التقنية | الاستخدام | |---------|-----------| | **Next.js 15** | إطار العمل الرئيسي | | **React 19** | بناء واجهات المستخدم | | **TypeScript** | لغة البرمجة | | **TailwindCSS** | التصميم والستايل | | **shadcn/ui** | مكونات واجهة المستخدم | | **Supabase** | قاعدة البيانات والمصادقة | | **Cloudinary** | رفع وإدارة الصور | | **Lucide React** | الأيقونات | --- ## 👨‍💻 الفريق ### المطور - **INB** - مطور البرمجيات - GitHub: [@CODE-NAME-IN-B](https://github.com/CODE-NAME-IN-B) ### المنظمة - **اتحاد طلاب أجدابيا** - **بيوت شباب أجدابيا** --- ## 🌐 الروابط - **الموقع الرسمي**: [nawafe3.netlify.app](https://nawafe3.netlify.app) - --- <p align="center"> صُنع بـ ❤️ لمبادرة نوافع - أجدابيا </p>

TypeScript

تطبيق صحاري

Mobile

# صحاري (Sahari) - دليل الملاحة الصحراوية 🏜️ > ⚠️ **هذه النسخة التجريبية** - التطبيق يتطلب اشتراكاً بعد انتهاء فترة التجربة تطبيق "صحاري" هو رفيقك الأمثل في الرحلات الصحراوية والميدانية، مصمم خصيصاً للعمل في أشرس الظروف دون الحاجة لشبكة إنترنت. يوفر التطبيق تجربة ملاحة فخمة ودقيقة للمناطق المفتوحة. **🔒 هذا التطبيق غير مجاني** - يتطلب اشتراكاً شهرياً أو سنوياً للاستخدام الكامل . ## ✨ المميزات (Features) - **دقة متناهية**: نظام تتبع GPS متطور بقوة تصفية عالية للإشارات غير الدقيقة لضمان ثبات الموقع حتى في أبعد الرمال. - **بوصلة تفاعلية Premium**: بوصلة ذهبية بتصميم فريد بتدرج لوني وتوهج محيطي، تتفاعل بسلاسة مع حركة الجهاز بفضل خوارزميات التنعيم البرمجية. - **ملاحة أوفلاين بالكامل**: لا تحتاج لاتصال بالإنترنت؛ التطبيق يعتمد كلياً على الأقمار الصناعية ومستشعرات الجهاز. - **حفظ النقاط والمواقع**: يمكنك حفظ "فيافيك" المفضلة، المخيمات، نقاط الصيد، أو آبار المياه للعودة إليها بسهولة. - **أداء صاروخي**: بفضل استخدام نظام `StatefulShellRoute` والبرمجة التفاعلية، يتميز التطبيق بسرعة استجابة مذهلة في التنقل بين الواجهات. - **واجهة مستخدم فاخرة**: تصميم عصري داكن (Night Mode) يقلل إجهاد العين ويحافظ على بطارية الهاتف أثناء الرحلات الطويلة. ## 🛡️ لماذا هو الأفضل؟ تطبيق "صحاري" يتفوق على تطبيقات الملاحة التقليدية لأنه: 1. **صُنع للبيئة القاسية**: يأخذ في الاعتبار تشتت إشارة الـ GPS وارتعاش البوصلة التي تحدث في المناطق المفتوحة. 2. **الاستقرار**: نظام التوجيه البرمجي المطور يضمن بقاء التطبيق خفيفاً وسريعاً (Buttery Smooth) مهما طالت مدة الاستخدام. 3. **الدقة الميدانية**: تم تحسين خوارزمية حساب المسافات لتعطي أدق النتائج في "البر". ## ⚠️ العيوب والقيود - **حساسية العتاد**: يعتمد التطبيق بشكل كبير على جودة مستشعر البوصلة والـ GPS في هاتفك، الهواتف ذات الحساسات الضعيفة قد تعطي نتائج أقل دقة. - **ملاحة نقطية**: التطبيق حالياً مخصص للملاحة من نقطة إلى نقطة (Point-to-Point) ولا يدعم توجيه الطرق المعبدة (Road Mapping). ## 📥 التحميل (Download) يمكنك تحميل أحدث نسخة من التطبيق بصيغة APK مباشرة من هنا: **[تحميل تطبيق صحاري أو من الموقع الرسمي: [mindeset.vercel.app/projects/CODE-NAME-IN-B--sahari-app](https://mindeset.vercel.app/projects/CODE-NAME-IN-B--sahari-app) ### 🔄 التحديث التلقائي يتم تثبيت النسخ الجديدة **فوق النسخة القديمة** تلقائياً دون الحاجة لحذف التطبيق أو فقدان البيانات. ## 👨‍💻 المطور تم التطوير والإشراف بواسطة: **[CODE-NAME-IN-B](https://github.com/CODE-NAME-IN-B)** 🇱🇾 --- *هذا المشروع هو ثمرة مجهود لتوفير أداة وطنية يعتمد عليها في استكشاف برارينا.*

Dart

joystick-tools

Tool

<div align="center"> # 🎮 Joystick Tools | أداة فحص يد التحكم <p dir="rtl">أداة ويب لفحص ومعايرة أيادي تحكم PlayStation (DualShock 4 و DualSense)</p> A web-based tool for testing and calibrating PlayStation controllers (DualShock 4 & DualSense) [![Live Demo](https://img.shields.io/badge/Live%20Demo-Visit-purple?style=for-the-badge)](https://code-name-in-b.github.io/joystick-tools/) [![GitHub](https://img.shields.io/badge/GitHub-Repository-blue?style=for-the-badge&logo=github)](https://github.com/CODE-NAME-IN-B/joystick-tools) ![Home Screenshot](screenshots/home.png) </div> --- ## ✨ المميزات | Features <div dir="rtl"> | الميزة | الوصف | |--------|-------| | 🎮 عرض مرئي | رسم توضيحي لليد في الوقت الفعلي | | 🔋 مراقبة البطارية | عرض مستوى البطارية ومعدل الإدخال | | 🎯 المعايرة | اختبار دقة العصي التناظرية | | 📳 اختبار الاهتزاز | فحص الردود اللمسية (Haptic) | | 🔍 الفحص الدقيق | عرض القيم الخام للإدخال | | 🌐 دعم ثنائي اللغة | واجهة عربية وإنجليزية | </div> | Feature | Description | |---------|-------------| | 🎮 Real-time Visualization | Live controller input display | | 🔋 Battery Monitoring | Battery level and input rate display | | 🎯 Calibration | Analog stick accuracy testing | | 📳 Haptic Testing | Vibration feedback testing | | 🔍 Debug Mode | Raw input values display | | 🌐 Bilingual | Arabic & English interface | --- ## 📸 Screenshots | لقطات الشاشة <table> <tr> <td width="100%" colspan="2" align="center"> ### حول | About ![About Section](screenshots/about.png) </td> </tr> <tr> <td width="50%"> ### المعايرة | Calibration ![Calibration Section](screenshots/calibration.png) </td> <td width="50%"> ### الفحص الدقيق | Debug ![Debug Section](screenshots/debug.png) </td> </tr> </table> --- ## 🚀 كيفية الاستخدام | How to Use <div dir="rtl"> 1. **وصل يد التحكم** عبر كابل USB 2. **اضغط على "اتصل باليد"** واختر جهازك من القائمة 3. **استخدم التبويبات** للتنقل بين الأقسام المختلفة: - **معلومات**: عرض البطارية ومعلومات الجهاز - **معايرة**: اختبار دقة العصي التناظرية - **فحص دقيق**: عرض القيم الخام للإدخال - **حول**: شرح الموقع والمميزات - **المطور**: معلومات عن المشروع والمطور </div> ### English 1. **Connect your controller** via USB cable 2. **Click "Connect Controller"** and select your device 3. **Use the tabs** to navigate between sections: - **Info**: Battery and device information - **Calibration**: Analog stick accuracy testing - **Debug**: Raw input values - **About**: Website explanation and features - **Developer**: Project and developer info --- ## 🐧 Linux Users | مستخدمي Linux <div dir="rtl"> يتطلب نظام Linux صلاحية لمرة واحدة للوصول إلى أجهزة USB من المتصفح. قم بتشغيل هذا الأمر في الترمينال: </div> Linux requires a one-time permission for hardware access. Run this command in your terminal: ```bash echo 'KERNEL=="hidraw*", MODE="0666"' | sudo tee /etc/udev/rules.d/99-gamepad.rules && sudo udevadm control --reload-rules && sudo udevadm trigger ``` Then reconnect your controller. --- ## 🛠️ Tech Stack - **Framework**: Next.js 14 - **Styling**: Tailwind CSS - **Animation**: Framer Motion - **Icons**: Lucide React - **API**: WebHID --- ## 👨‍💻 Developer | المطور <div align="center"> **CODE-NAME-IN-B** مطور شغوف يصنع أدوات مفتوحة المصدر للاعبين Passionate developer creating open-source tools for gamers [![GitHub](https://img.shields.io/badge/GitHub-CODE--NAME--IN--B-purple?style=for-the-badge&logo=github)](https://github.com/CODE-NAME-IN-B) </div> --- ## 📄 License MIT License - Feel free to use and modify! --- <div align="center"> Made with ❤️ by [CODE-NAME-IN-B](https://github.com/CODE-NAME-IN-B) </div>

TypeScriptPS4PS5XBOX

LEARN-PAGE

Web

# LEARN-PAGE It is an educational site ![Screenshot_3](https://user-images.githubusercontent.com/60524669/205186447-ce5f12bb-ee63-4dc8-bd5d-dc314d8bf1b1.png) ![Screenshot_5](https://user-images.githubusercontent.com/60524669/205186453-349653cb-2b52-4e0a-8caf-fa4fed3abb12.png) link : https://code-name-in-b.github.io/LEARN-PAGE/

CSS

Libya_itd

Other

# 🇱🇾 مشروع ليبيا-IT | اليوم الوطني لتقنية المعلومات ### كلية تقنية المعلومات – جامعة اجدابيا مشروع تفاعلي تعليمي تم تطويره بمناسبة **اليوم الوطني لتقنية المعلومات في ليبيا** بإشراف **كلية تقنية المعلومات – جامعة اجدابيا**. يهدف إلى تعزيز الثقافة التقنية ونشر روح الإبداع من خلال تحديات وألعاب تعليمية تفاعلية. --- ## 👨‍💻 المطور - **المطور:** CODE-NAME-IN-B - **الاسم المستعار:** DeNGo - **الدور:** التصميم، البرمجة، وتطوير الواجهة والتجربة الكاملة للمستخدم - **الكلية:** كلية تقنية المعلومات – جامعة اجدابيا - **التخصص:** تقنية المعلومات / تطوير الويب --- ## 🌐 روابط المشروع - 🔗 **الموقع المباشر:** [https://libya-it-national-day.netlify.app/](https://libya-it-national-day.netlify.app/) - 💻 **مستودع GitHub:** [https://github.com/CODE-NAME-IN-B/lbit](https://github.com/CODE-NAME-IN-B/lbit) --- ## 🧩 محتوى الموقع الموقع يحتوي على مجموعة من الأقسام التعليمية والتحديات التقنية، وهي: | القسم | الوصف | |--------|--------| | 🧠 **شبكة المفاهيم التقنية** | لعبة تعليمية تربط المفاهيم التقنية والمصطلحات لبناء شبكة معرفية متكاملة. | | 🧩 **تحدي الاختبار التقني** | اختبار تفاعلي يقيس مهارات المستخدم في مجالات التقنية المختلفة. | | 🔐 **تحدي الأمن السيبراني** | سلسلة من التحديات في مجال حماية المعلومات والأمن السيبراني. | | 🚀 **مغامرة الكود الطائر** | لعبة برمجية تفاعلية تعتمد على كتابة الأكواد الصحيحة لتجاوز المراحل. | | 🏆 **قاعة المتميزين** | صفحة لعرض المتفوقين في التحديات وأصحاب أعلى النقاط. | | 💻 **CSS Flexbox** | تحدي خاص لتعلم تنسيق الصفحات باستخدام تقنية Flexbox بطريقة مرئية وتفاعلية. | --- ## 🎨 تصميم الواجهة - تصميم حديث بتدرجات الألوان البنفسجية والأزرق النيوني. - واجهة سلسة وسريعة متجاوبة مع جميع الشاشات. - استخدام عناصر بصرية تعزز تجربة المستخدم. - كل قسم مصمم لتقديم تجربة تعليمية ممتعة. --- ## ⚙️ التقنيات المستخدمة | التقنية | الاستخدام | |----------|------------| | **Next.js** | تنظيم الصفحات والمكونات باستخدام App Router | | **React.js + Hooks** | بناء الواجهة وإدارة التفاعلات | | **TypeScript** | كتابة كود منظم وقابل للتوسعة | | **Tailwind CSS** | تصميم عصري وسريع باستخدام CSS utility classes | | **PostCSS** | تحسين ومعالجة ملفات CSS | | **Netlify** | استضافة المشروع ونشره عبر الإنترنت | --- ## 📁 هيكل المشروع ```bash lbit/ ├── app/ # الصفحات الرئيسية للموقع ├── components/ # المكونات القابلة لإعادة الاستخدام ├── data/ # بيانات الموقع والأسئلة والمحتوى ├── hooks/ # هوكات React مخصصة ├── lib/ # الأدوات المساعدة والمنطق البرمجي ├── public/ # الصور والأيقونات الثابتة ├── styles/ # ملفات التنسيق ├── next.config.js # إعدادات Next.js ├── tailwind.config.ts # إعدادات Tailwind CSS ├── tsconfig.json # إعدادات TypeScript └── package.json # التبعيات وأوامر التشغيل ## 🚀 التشغيل المحلي (Locally) لتشغيل المشروع على جهازك المحلي، اتبع الخطوات التالية: 1. **استنخِب المشروع من GitHub** ```bash git clone https://github.com/CODE-NAME-IN-B/lbit.git 2. انتقل إلى مجلد المشروع cd lbit 3. ثبّت التبعيات npm install أو: yarn install 4. شغّل السيرفر المحلي npm run dev ثم افتح المتصفح وانتقل إلى: http://localhost:3000 5. لبناء نسخة إنتاجية npm run build npm run start --- 🎯 أهداف المشروع الاحتفال باليوم الوطني لتقنية المعلومات في ليبيا عبر تجربة رقمية تعليمية. نشر المعرفة التقنية وتعزيز روح المنافسة بين طلاب الجامعات والمبرمجين الليبيين. تقديم تحديات تفاعلية تمزج بين التعليم والمرح بأسلوب عصري. دعم التحول الرقمي من خلال مشاريع شبابية مبتكرة. إبراز دور كلية تقنية المعلومات – جامعة اجدابيا في الريادة والابتكار التقني. --- 🤝 المساهمة في المشروع نرحب بمساهمات المبرمجين والطلاب المهتمين بتطوير المشروع أو إضافة تحديات جديدة. للمشاركة: 1. قم بعمل Fork للمستودع. 2. أنشئ فرعًا جديدًا لتعديلاتك: git checkout -b feature/اسم_الميزة 3. نفّذ تعديلاتك ثم ادفعها: git push origin feature/اسم_الميزة 4. افتح Pull Request ليتم مراجعة التغييرات ودمجها. --- 🪪 حقوق النشر حقوق النشر © 2025 CODE-NAME-IN-B (DeNGo) جميع الحقوق محفوظة. تم تطوير هذا المشروع خصيصًا لكلية تقنية المعلومات – جامعة اجدابيا ضمن فعاليات اليوم الوطني لتقنية المعلومات في ليبيا. يُسمح باستخدام المشروع للأغراض التعليمية والأكاديمية فقط، مع ضرورة الإشارة إلى المطور الأصلي (CODE-NAME-IN-B / DeNGo). --- 📜 الترخيص (LICENSE) يتم توزيع هذا المشروع بموجب رخصة MIT License المفتوحة، التي تتيح استخدام الكود وتعديله بحرية مع الحفاظ على حقوق المطور الأصلي. MIT License Copyright (c) 2025 CODE-NAME-IN-B (DeNGo) Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

TypeScript

Unconscious-Tear

# Unconscious-Tear ![Screenshot_2](https://user-images.githubusercontent.com/60524669/205185765-cef0aff7-037b-4dac-ad00-c0e1e47a13ff.png) ![Screenshot_4](https://user-images.githubusercontent.com/60524669/205185673-413e8351-27fe-4654-94c9-35992125b608.png) link :https://code-name-in-b.github.io/Unconscious-Tear/

CSS