Admin Dashboard

لوحة تحكم إدارية متكاملة مستوحاة من منتجات SaaS الحقيقية.

تتضمن بطاقات مؤشرات الأداء (KPI)، ورسومًا بيانية للإيرادات، وإدارة المستخدمين والمنتجات مع إمكانيات البحث وتقسيم الصفحات (Pagination)، بالإضافة إلى نظام مصادقة تجريبي وتصميم متجاوب يدعم الوضعين الفاتح والداكن. تم تطويرها باستخدام React وTypeScript وReact Router وTanStack Query وZustand وReact Hook Form وZod وRecharts وTailwind CSS.

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

React · TypeScript · Vite · Zustand · TanStack Query · React Router · Tailwind CSS

-----------------------------------------------------------------------------------------------------------------------------------------------

A full-featured admin panel inspired by real SaaS products. Includes KPI cards, revenue charts, user/product management with search and pagination, mock authentication, and a responsive layout with light/dark theme. Built with React, TypeScript, React Router, TanStack Query, Zustand, React Hook Form, Zod, Recharts, and Tailwind CSS.

Tech: React · TypeScript · Vite · Zustand · TanStack Query · React Router · Tailwind CSS