Angular و TypeScript
برنامهٔ standalone با نوع‌دهی سخت‌گیرانه و کامپوننت‌های reusable مبتنی بر ورودی.
مفهوم مستقل فرانت‌اند · ۲۰۲۶
سیگنال‌دسک.
ایدهٔ داشبوردی واکنش‌گرا برای تیم‌های سازندهٔ محصولات هوشمند؛ با تمرکز بر نمایش روشن وضعیت سرویس‌ها و کارهای تیم.
AngularTypeScriptRxJSTailwind CSSREST
PRODUCT INTERFACE · DESKTOPنمونه‌کار مستقل؛ نه پروژهٔ ماکان
این مطالعهٔ موردی مستقل برای نمایش مهارت‌های فرانت‌اند مرتبط با نقش‌های Angular ساخته شده و وابستگی‌ای به شرکت راهکارهای هوشمند ماکان ندارد. اعداد سلامت سرویس، ترافیک و استقرار صرفاً دادهٔ نمونه‌اند.
01 / چه چیزهایی را نشان می‌دهد
چه چیزهایی را نشان می‌دهد
داشبورد از کامپوننت‌های standalone انگولار و ورودی‌های تایپ‌شده برای کارت‌های معیار و وضعیت سرویس استفاده می‌کند. صف کار واکنشی به REST API و نشست نمونهٔ PostgreSQL پورتفولیو وصل است؛ ثبت یا تغییر وضعیت کار پس از بارگذاری مجدد هم در همان نشست باقی می‌ماند.
RxJS و REST
درخواست‌های HTTP بر پایهٔ Observable، تازه‌سازی دوره‌ای با switchMap، retry محدود و نمایش وضعیت اتصال.
فرم Reactive
فرم تایپ‌شده با اعتبارسنجی، حالت انتظار و بازخورد خطای API.
رابط واکنش‌گرا
پیکربندی Tailwind همراه CSS هدفمند، کنترل‌های قابل‌استفاده با صفحه‌کلید و پشتیبانی از کاهش حرکت.
02 / STACK
ارتباط اجزا
Angular 22.2
داشبورد standalone، کارت‌های reusable، وضعیت با signal و پیوندهای بومی صفحه.
REST API
GET و POST /api/demo/tasks · PATCH /api/demo/tasks/{id}
PostgreSQL
API پورتفولیو کارها را در نشست نمونهٔ مخصوص مرورگر ذخیره می‌کند.
03 / TRANSPARENCY
محدوده و مرز داده‌ها
صف کار، قابلیت واقعی دمو و متصل به API همین پورتفولیو است. کارت‌های سلامت سرویس، نمودار درخواست‌ها و فهرست استقرار با برچسب دادهٔ نمونه نمایش داده می‌شوند و به مدل هوش مصنوعی زنده، زیرساخت شرکت یا telemetry عملیاتی وصل نیستند. کلید ارائه‌دهندهٔ هوش مصنوعی یا سرویس پولی خارجی هم لازم نیست.