🔍 Client System Environment Detector | آشکارساز هوشمند سیستم کلاینت

  

English | فارسی

---

English

A highly precise, modern, and zero-dependency client environment inspector tool built using Vanilla JavaScript. It parses user device parameters, network connectivity flags, live browser properties, and utilizes modern API fallbacks to distinguish hidden environmental states like Windows 11.

🔗 Live Preview

You can test the live version of this project here:
👉 Launch Live Demo

✨ Key Features

• Windows 11 High-Accuracy Fix: Integrates the modern navigator.userAgentData API to circumvent the native User-Agent legacy locking bug that incorrectly classifies Windows 11 as Windows 10.
• Hardware Metrics Tracker: Displays monitor screen resolutions instantly inside clear responsive blocks.
• Live Battery Monitoring Subsystem: Fetches real-time terminal battery levels and active AC power connections using the Battery Status API.
• Network State Observer: Hooks live async structural flags tracking internet drops or active connection returns immediately.
• Premium Frosted UI: Restructured layout with a responsive Glassmorphism container featuring dedicated metric indicators.

---

فارسی

یک ابزار فرانت‌اند فوق‌العاده سبک، دقیق و کاربردی جهت آشکارسازی و مانیتورینگ سیستم‌عامل، مشخصات مرورگر و سخت‌افزار کلاینت که با استفاده از جاوا اسکریپت خالص توسعه یافته است. این سیستم به وب‌مسترها کمک می‌کند محیط کاربری بازدیدکنندگان خود را به درستی ارزیابی کنند.

🔗 مشاهده پیش‌نمایش زنده

برای مشاهده و تست آنلاین این پروژه می‌توانید روی لینک زیر کلیک کنید:
👉 مشاهده دمو زنده پروژه

✨ ویژگی‌های برجسته

• تشخیص دقیق و اصولی ویندوز ۱۱: استفاده از متد پیشرفته navigator.userAgentData جهت رد کردن باگ عدم تمایز ویندوز ۱۰ و ۱۱ در ساختار قدیمی هدرهای مروگر.
• نمایش لحظه‌ای وضعیت باتری: مجهز به وب‌سرویس داخلی دریافت درصد شارژ دستگاه کلاینت و وضعیت متصل بودن آداپتور برق.
• پایش زنده وضعیت شبکه: شنود آنی قطع یا وصل شدن لایه اینترنت سیستم به صورت کاملاً غیرهمزمان.
• رابط کاربری مدرن شیشه‌ای: بازنویسی کامل استایل کدهای فرانت‌اند با معماری گلس‌مورفیسم لایت، مرتب‌سازی کارت‌ها و فونت بهینه وب وزیرمتن.
• پایداری بالای هسته جاوا اسکریپت: بازنویسی عبارات منظم و پارسرها به صورت ساختاریافته به همراه الگوهای مهار خطا جهت ممانعت از کرش کردن مروگر.

---

💻 Technologies Used / تکنولوژی‌های استفاده شده

• HTML5 & CSS3 (Flexbox architecture, Backdrop-blur layout tokens)
• Vanilla JavaScript (High-entropy UserAgentData mapping, Async Battery APIs, Network state event handles)

---

👨‍💻 Developer: Amin Arjmand
🌐 Website: aminarjmand.com

---

⭐️ *If you found this dashboard layout useful, please give this repository a star!

⭐️ *اگر این مخزن برای شما مفید بود، لطفا با دادن ستاره از آن حمایت کنید!