README.md

---
language:
- ar
- en
tags:
- taskflow-pro
- taskflow
- pro
license: mit
---

# 🚀 TaskFlow Pro v2.0

<div align="center">

![TaskFlow Pro Logo](assets/images/logo.svg)

**منصة إدارة المشاريع الاحترافية - مبنية بـ Vanilla JavaScript**

*بناء مشاريعك بذكاء - بدون إطار عمل، بدون تعقيد*

[![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/HTML)
[![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/CSS)
[![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
[![License](https://img.shields.io/badge/License-MIT-green?style=for-the-badge)](LICENSE)

*دعم كامل للغة العربية مع تصميم RTL*

</div>

---

## 📖 نظرة عامة على المشروع

### ما هو TaskFlow Pro؟

**TaskFlow Pro** هو تطبيق ويب احترافي لإدارة المشاريع والمهام، تم بناؤه بالكامل باستخدام تقنيات الويب الأساسية (Vanilla HTML, CSS, JavaScript) دون الاعتماد على أي إطار عمل خارجي. يهدف التطبيق إلى توفير تجربة إدارة مشاريع سلسة وفعالة للفرق والأفراد الناطقين باللغة العربية.

### فلسفة المشروع

- ✅ **بدون إطار عمل** - 100% Vanilla JavaScript
- ✅ **سريع وخفيف** - لا تحميل لمكتبة ضخمة
- ✅ **سهل الفهم** - كود نظيف وموثق
- ✅ **RTL مدمج** - دعم كامل للغة العربية
- ✅ **محلي بالكامل** - بياناتك تبقى على جهازك

---

## ✨ المميزات الرئيسية

### 🎯 لوحة التحكم (Dashboard)
نظرة شاملة على جميع مشاريعك ومهامك مع إحصائيات تفصيلية ورسوم بيانية.

### 📋 نظام كانبان (Kanban Board)
نظام سحب وإفلات بديهي لإدارة سير العمل عبر ثلاثة أعمدة: قيد الانتظار، قيد العمل، مكتمل.

### 📅 التقويم الذكي
عرض تقويمي للمواعيد النهائية مع إمكانية التنقل بين الأشهر.

### 👥 إدارة الفريق
إضافة أعضاء للفريق ومتابعة إنتاجيتهم وتصنيفهم.

### 📈 التحليلات والتقارير
رسوم بيانية تفاعلية لتوزيع المهام ومعدل الإنجاز.

### ⚙️ إعدادات شاملة
تخصيص الثيم والوضع الداكن والإشعارات واللغة.

---

## 🖼️ لقطات الشاشة

### 1. لوحة التحكم الرئيسية
![Dashboard](assets/screenshots/dashboard-preview.svg)

*عرض شامل للإحصائيات والمشاريع الأخيرة*

### 2. إدارة المهام
![Tasks](assets/screenshots/tasks-preview.svg)

*قائمة المهام مع الفلاتر والخيارات المتقدمة*

### 3. لوحة كانبان
![Kanban](assets/screenshots/kanban-preview.svg)

*نظام إدارة المهام بالسحب والإفلات*

### 4. التقويم
![Calendar](assets/screenshots/calendar-preview.svg)

*عرض شهري للمواعيد والمهام*

### 5. إدارة الفريق
![Team](assets/screenshots/team-preview.svg)

*أعضاء الفريق وإحصائياتهم*

### 6. التحليلات
![Analytics](assets/screenshots/analytics-preview.svg)

*رسوم بيانية تفاعلية*

### 7. الوضع الداكن
![Dark Mode](assets/screenshots/dark-mode-preview.svg)

*دعم كامل للثيم الداكن*

### 8. التوافق مع الجوال
![Mobile](assets/screenshots/mobile-preview.svg)

*تصميم متجاوب يعمل على جميع الأجهزة*

---

## 🎬 فيديو تعريفي

### وصف الفيديو

```
المدة: 60 ثانية
اللغة: عربي
القرار: 1080p
```

### مشاهد الفيديو

| المدة | المشهد | الوصف |
|-------|--------|-------|
| 0:00-0:05 | مقدمة | شعار TaskFlow Pro + عنوان |
| 0:05-0:15 | جولة لوحة التحكم | عرض الإحصائيات والأنشطة |
| 0:15-0:25 | عرض كانبان | سحب وإفلات المهام |
| 0:25-0:35 | إضافة مهمة | فتح النموذج وملؤه |
| 0:35-0:45 | التقويم | عرض المواعيد والمهام |
| 0:45-0:55 | الفريق | عرض أعضاء الفريق |
| 0:55-1:00 | خاتمة | "مبني بـ Vanilla JavaScript" |

### فيديو الإنتاج
تفاصيل إنتاج الفيديو متاحة في: [docs/video-production.md](docs/video-production.md)

---

## 🚀 بدء الاستخدام

### الطريقة 1: فتح الملف مباشرة

```bash
cd taskflow-pro
# افتح index.html في المتصفح
```

### الطريقة 2: باستخدام خادم محلي

```bash
# باستخدام Python
python -m http.server 8000

# أو باستخدام Node.js
npx serve taskflow-pro
```

---

## 📁 هيكل المشروع

```
taskflow-pro/
│
├── 📄 index.html                 # الصفحة الرئيسية للتطبيق
├── 📄 styles.css                 # جميع تنسيقات CSS
├── 📄 script.js                  # منطق التطبيق والتفاعلات
├── 📄 README.md                  # هذا الملف
├── 📄 LICENSE                    # رخصة MIT
│
├── 📁 assets/
│   ├── 📁 images/
│   │   └── logo.svg              # شعار التطبيق
│   │   └── video-thumbnail.svg   # صورة الفيديو المصغرة
│   │
│   └── 📁 screenshots/
│       ├── dashboard-preview.svg
│       ├── tasks-preview.svg
│       ├── kanban-preview.svg
│       ├── calendar-preview.svg
│       ├── team-preview.svg
│       ├── analytics-preview.svg
│       ├── dark-mode-preview.svg
│       └── mobile-preview.svg
│
└── 📁 docs/
    └── video-production.md       # تفاصيل إنتاج الفيديو
```

---

## 🤝 المساهمة في المشروع

نرحب بمساهماتكم! للمشاركة:

```bash
# 1. Fork المشروع
# 2. إنشاء فرع جديد
git checkout -b feature/amazing-feature

# 3. إجراء التغييرات وCommit
git commit -m 'إضافة ميزة رائعة'

# 4. Push وفتح Pull Request
```

---

## ❓ الأسئلة الشائعة

**س: هل التطبيق يحتاج اتصال بالإنترنت؟**
ج: لا، يعمل محلياً. تحتاج الإنترنت فقط لتحميل الخطوط والأيقونات.

**س: هل بياناتي آمنة؟**
ج: نعم، تُخزن محلياً في LocalStorage.

**س: هل يدعم اللغة الإنجليزية؟**
ج: حالياً عربي فقط، الإنجليزية قادمة قريباً.

---

## 📄 الرخصة

هذا المشروع مرخص تحت رخصة MIT - انظر ملف [LICENSE](LICENSE) للتفاصيل.

---

## 📞 تواصل معنا

<div align="center">

[![GitHub](https://img.shields.io/badge/GitHub-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/MiniMax-Agent/taskflow-pro)
[![Email](https://img.shields.io/badge/Email-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:support@minimax.dev)

---

**صُنع بـ ❤️ باستخدام Vanilla JavaScript**

*TaskFlow Pro - إدارة مشاريعك بذكاء*

</div>

---

<div align="left">

*آخر تحديث: 15 يناير 2025*
*الإصدار: 2.0.0*
*اللغة: العربية (RTL) + الإنجليزية*

</div>