Gemini — المشاريع

مشروع 14 مكتمل ✅

لوحة إنفوجرافيك SVG تفاعلية

لوحة بيانات مرسومة بالكامل بـ SVG مع تفاعل وحركة باستخدام Vanilla JS وبدون أي مكتبات إضافية.

SVG CSS Animation Vanilla JS

✓ Donut Chart متفاعل

✓ Bar Chart متحرك

✓ Line Chart متدرج

✓ Map SVG تفاعلية

✓ Tooltip ذكي لا يخرج عن الشاشة

✓ Legend تفاعلي يخفي العناصر

🌍 معاينة الإنفوجرافيك

مشروع 13 مكتمل ✅

صفحة ملف شخصي لمطوّر (Portfolio)

صفحة شخصية تفاعلية تختبر جودة التصميم والـ Micro-animations والمؤشر المخصص.

HTML5 CSS3 Vanilla JS SVG Animations

✓ Hero مع Avatar متحرك SVG

✓ About مع Progress Bars

✓ Timeline رأسي للخبرات

✓ Custom Cursor مع Trailing Effect

✓ Contact Form Validation

🌍 معاينة الـ Portfolio

جديد

لوحة تقييم الأسئلة والأجوبة (QA)

واجهة حية لعرض المحادثات والأسئلة والردود لتقييم أداء Gemini

📊 فتح لوحة التقييم الحية

مشروع 1 مكتمل ✅

منظومة نشر مقالات مع لوحة تحكم

مدوّنة متكاملة بلوحة تحكم للكُتّاب — Laravel 11 + Blade + Policies

Laravel 11 Blade Eloquent Policies Middleware Form Requests Tailwind

✓ CRUD كامل

✓ Validation

✓ Gates & Policies

✓ Middleware مخصص

✓ Pagination

✓ فلترة وسوم

✓ رفع صور

✓ Blade Components

✓ Responsive

🌍 معاينة الموقع ⚙️ لوحة التحكم 📁 عرض الكود

مشروع 2 مكتمل ✅

مخطط Use Case لنظام مطعم

تحليل النظام وتصميم مخطط Use Case مع كود PlantUML والصورة المولدة

PlantUML System Analysis UML Design

✓ تحليل النظام والأدوار

✓ رسم حالات الاستخدام (Use Cases)

✓ كتابة كود PlantUML

✓ توليد صورة ديناميكية للمخطط

📊 عرض المخطط والكود

مشروع 3 مكتمل ✅

تطبيق إدارة مهام — Laravel API + React

تطبيق مفصول (Headless) للواجهة والخلفية مع Optimistic UI و الاختبارات.

Laravel API React Vite Axios Sanctum Pest/PHPUnit

✓ Laravel REST API Resources

✓ React Hooks (useReducer)

✓ Rate Limiting & Auth

✓ Optimistic UI Updates

✓ Filtering Parameters

✓ Dark Mode (localStorage)

✓ 5 API Feature Tests

✓ Error Handling (Toasts)

⚛️ فتح تطبيق React

مشروع 11 مكتمل ✅

متجر أزياء متكامل — Vue 3 + Tailwind

متجر أزياء متكامل يقيس جودة التصميم والـ UX مع فلاتر حية وعربة تسوق وتأثيرات بصرية ممتازة.

Vue 3 Tailwind CSS Bootstrap Icons Composition API

✓ فلاتر متعددة ونطاق سعر وتصنيف

✓ سلة تسوق (Cart Drawer) جانبية وخطوات دفع

✓ نافذة عرض سريع (Quick View) متقدمة

✓ حركات وتأثيرات انسيابية (Transitions)

🌍 معاينة متجر الأزياء

مشروع 9 مكتمل ✅

لعبة الاختبار التعليمي (Quiz Game)

لعبة تفاعلية باستخدام HTML/CSS/JS خالص تتضمن مؤقت وتأثيرات حركية وتقييم فوري.

HTML5 CSS3 Vanilla JS canvas-confetti localStorage

✓ 10 أسئلة مخلطة عشوائياً

✓ Timer عكسي 30 ثانية

✓ CSS Slide Animation

✓ تلوين فوري وتقييم للإجابات

✓ مراجعة تفصيلية للإجابات

✓ Confetti وحفظ أعلى نتيجة

🎮 تشغيل اللعبة

مشروع 6 مكتمل ✅

لوحة الطقس العالمية — Vanilla JS

لوحة طقس تفاعلية تعرض بيانات حية من OpenWeatherMap باستخدام Vanilla JS و ES6 Modules.

Vanilla JS ES6 Modules OpenWeatherMap API Chart.js

✓ Modular ES6 (بدون bundler)

✓ تبديل C/F فوري (رياضياً)

✓ Geolocation Fallback

✓ Dynamic Backgrounds

🌍 معاينة التطبيق 📁 عرض الكود