نمونه پروژه
Mabasian News یک گردآورنده اخبارِ سریع و لحظه‌ای است که تیترهای گزینش‌شده را در هفت دسته — جهان، کسب‌وکار، فناوری، ورزش، علم، سلامت و سرگرمی — در رابطی حرفه‌ای و کاملاً واکنش‌گرا با تم‌های روشن، تیره و سیستمیِ داخلی ارائه می‌دهد.
توضیحات پروژه
Mabasian News یک خواننده اخبارِ تک‌صفحه‌ای است که با React 19 و Vite ساخته شده و با CSS دست‌سازِ glassmorphism و یک سیستم طراحیِ بنفش فناورانه / نیلی الهام‌گرفته از mabasian.dev استایل‌دهی شده است. این برنامه تیترهای زنده و دسته‌بندی‌شده را از طریق Axios از یک REST API اختصاصی (api.mabasian.dev) دریافت می‌کند و دارای حالت‌های بارگذاری مقاوم، خالی و خطا به‌همراه نگه‌دارنده‌های اسکلتی برای عملکرد ادراکیِ روان است. یک سوئیچ تمِ سه‌حالته (روشن / تیره / سیستم) انتخاب بازدیدکننده را ذخیره می‌کند و بدون پرش هنگام بارگذاری از طرح‌رنگ سیستم‌عامل پیروی می‌کند، در حالی که یک پنجره خواندنِ مقالهٔ دسترس‌پذیر — که با دکمه، کلیک روی پوشش یا کلید Escape بسته می‌شود — متن کامل خبر، منبع و تاریخ انتشار را نمایش می‌دهد. رابط کاربری از موبایل تا نمایشگرهای فوق‌عریض کاملاً واکنش‌گرا و با متادیتای Open Graph و Twitter Card برای سئو بهینه شده و روی Vercel در نشانی news.mabasian.dev مستقر است.