TaskFlow – نظام إدارة مهام Full-Stack

TaskFlow هو مشروع بورتفوليو شخصي كامل (MVP) لإدارة المهام اليومية، مبني بتقنيات حديثة ونظيفة جدًا.

الهدف: بناء نظام قوي، سريع، ومنظم يدعم الـRTL العربي، dark/light mode، وجاهز للعمل remote.

Live Demo

Frontend (Next.js): https://taskflow-portfoli...

Backend API (FastAPI): https://taskflow-backend-...

Swagger Docs: https://taskflow-backend-...

التقنيات المستخدمة

Frontend (Next.js 15 – App Router)

TypeScript

Tailwind CSS + shadcn/ui

Zustand (state management)

Sonner (toasts)

Recharts (pie chart & stats)

Date-fns + Arabic locale

RTL support + dark/light mode

Backend (FastAPI)

Python 3.11+

SQLAlchemy + Alembic (migrations)

PostgreSQL

JWT Authentication (PyJWT + passlib)

Pydantic v2

Uvicorn

DevOps

Vercel (frontend deployment)

Railway (backend + PostgreSQL)

GitHub Actions (CI/CD – optional)

Features الرئيسية

تسجيل / تسجيل دخول بإيميل وباسورد

حماية كاملة للـroutes بـJWT

CRUD كامل للمهام (مرتبطة بكل يوزر – owner_id)

لوحة تحكم (dashboard) مع:

إحصائيات فورية (عدد المهام، نسبة الإنجاز)

رسم بياني دائري (Pie Chart)

فلتر حسب الحالة (todo / in_progress / done)

إضافة/تعديل/حذف مع تأكيد وحذف

RTL عربي ممتاز + dark/light mode

Toasts (نجاح/خطأ) مع Sonner

تحميل حالة (loading spinner)

دعم dark/light mode تلقائي

كيفية التشغيل محليًا

Backend

cd taskflow-backend

python -m venv .venv

source .venv/bin/activate (أو .venv\Scripts\activate على ويندوز)

pip install -r requirements.txt

أنشئ .env وأضف: