قالب لوحة تحكم Angular 21 + Tailwind v4 جاهز للشغل — 48 كومبوننت، Kanban، Calendar، RTL ودارك مود كامل، Docker، ووثائق AI بيفهمها مساعد Claude Code بتاعك. اختيار ممتاز للفريلانسرز.
48 components · Angular 21 · Light / Dark / RTL · Docker · AI-ready (Claude Code)
كل مشروع عميل بيبدأ بنفس الإعداد الممل. لو بنيته من الصفر هتعيده كل مرة — وهتفضل تشرحه للـAI بتاعك في كل مشروع. القالب بيوصّله جاهز، فوقتك (وتوكناتك) يروحوا على الشغل اللي العميل دافع عشانه فعلاً.
dark:.تنويه: القالب بيوفّر قد إيه على مشروع معين؟ ده بيعتمد على المشروع نفسه، وعلى قد إيه بتستخدم منه، وعلى خبرتك. مش هنحطلك رقم وهمي. اللي بنضمنه إن كل اللي فوق ده حقيقي، حديث، وجاهز.
كله بيتنزّل مع بعض. لا مستويات مخفية، ولا إضافات.
Angular 21، standalone components، signals، Tailwind v4، مصادقة كاملة، 48 كومبوننت قابل لإعادة الاستخدام، ثيم دارك وفاتح، RBAC، i18n مع RTL.
سياق CLAUDE.md + وثائق متدرجة + slash commands. Claude Code بيقراهم لوحده، ووجّه Cursor أو Copilot لنفس الملفات عشان الـAI يكتب كود متماشي مع القالب.
Dockerfile متعدد المراحل (frontend nginx + backend node)، /healthz، gzip، immutable cache، docker-compose لتشغيل full-stack بأمر واحد.
Express + Prisma + SQLite، بيعكس نفس endpoints الـ mock. موجود بس عشان تعرض داتابيز حقيقي — اختياري ومش لازم عشان القالب يشتغل.
دوس على أي صورة تكبّرها. كل الصور دي من الديمو الفعلي.
Dashboard — بطاقات إحصاء + سجل النشاط (وضع داكن)
نفس الـ Dashboard في وضع فاتح — متغيرات CSS واحدة، بلا dark: variants
Kanban — سحب وإفلات بين الأعمدة + لوحة تفاصيل المهمة مع تعليقات
Calendar — عرض شهري + أسبوعي، لوحة جانبية لليوم المحدد
Users CRUD — جدول بيانات قابل للبحث والترقيم مع badge cells
ApexCharts — 8 أنواع رسوم بيانية، lazy-loaded، تستجيب للثيم
Forms — كل حالات الـ input، reactive validation، password eye-toggle
Theme preview — كل المكونات في صفحة واحدة، تبديل tokens حي
العربي RTL — بـ Transloco، اتجاه يتقلب تلقائي
أغلب القوالب بتسيب الـAI بتاعك بيخمّن. ده بيوصّله السياق جاهز. لو بتستخدم Claude Code أو Cursor أو Copilot، بنية القالب معمولة عشان الـAI يفهم المشروع من أول token ويكتب كود متماشي معاه.
بيتحمّل لوحده كل جلسة — فهرس المسارات والاتفاقيات وقواعد «متعملش» في 80 سطر.
Routes / components / theme / patterns / recipes — بتتحمّل بس لما الـAI يحتاجها.
/add-route · /add-feature · /rebrand · /strip · /switch-api · /docker وغيرها — اكتب الأمر، تستلم الـ scaffold.
قالب واحد، سعر واحد. الدفع آمن عن طريق Gumroad.
لوحة تحكم Angular 21 + Tailwind v4 جاهزة للشغل — متوافقة مع الـAI.
دفعة واحدة. تنزيل فوري.
الدفع آمن والتسليم فوري عن طريق Gumroad.
لا. القالب بيستخدم مميزات Angular 21 (signals، contentChildren، والـ control flow الجديد). للاصدارات الاقدم محتاج backport.
لا. الواجهة بتشتغل لوحدها بالـ mock interceptor. الباك إند Express/Prisma اختياري وموجود بس عشان يساعدك تعرض داتابيز حقيقي — مش لازم عشان القالب يشتغل.
ايوة. عدّل src/styles.css وsrc/app/config/branding.config.ts وهتلاقي القالب كله اتغير شكله. ادخل /settings/theme تشوف المعاينة لايف.
ايوة. داتا الـ mock في فولدر واحد (core/mocks/)، وكل صفحة مثال في فولدر لوحدها، فمسحها سهل.
مستواه متوسط. لو مرتاح مع كومبوننتات Angular والـ services والـ routing وأساسيات TypeScript، وعملت تطبيق Angular واحد قبل كده، فإنت جاهز.