موقع SkyCast

تطبيق SkyCast هو منصة متطورة ومتميزة لعرض أحوال الطقس، تم بناؤه باستخدام React 19 و Tailwind CSS 4 و TypeScript. يوفر التطبيق بيانات طقس عالية الدقة مع واجهة مستخدم زجاجية (Glassmorphic) مذهلة، وخرائط تفاعلية لحظية، وتجربة سلسة للتبديل بين أوضاع العرض.

تطوير: عماد كامل عياد.

✨ المميزات الرئيسية:

? خرائط طقس تفاعلية: مدعومة بـ MapTiler و Leaflet، توفر أنماط خرائط رائعة للوضع المظلم والمضيء.

? البحث وتحديد المواقع: ميزة البحث السريع عن المدن من قاعدة بيانات عالمية مع تحويل تلقائي للإحداثيات.

?️ بيانات شاملة ومفصلة:

حالة الطقس الحالية (درجة الحرارة المحسوسة، الرطوبة، سرعة الرياح).

توقعات تفصيلية لمدة 48 ساعة.

توقعات الطقس لـ 5 أيام قادمة.

بيانات الشمس (الشروق/الغروب) ومؤشر الأشعة فوق البنفسجية (UV).

? نظام ألوان من الجيل التالي: دعم متقدم للوضع المظلم والمضيء مع اكتشاف تلقائي لتفضيلات النظام وانتقالات حركية سلسة.

? تصميم زجاجي (Glassmorphic): جمالية بصرية متميزة تعتمد على مرشحات الخلفية (Backdrop filters)، والظلال متعددة الطبقات، ومساحات الألوان الحديثة oklch.

? أداء مُحسّن: إدارة وجلب البيانات وتخزينها مؤقتاً بواسطة TanStack Query لتقليل استهلاك الـ API وتسريع الاستجابة.

?️ الحزمة التقنية (Tech Stack):

إطار العمل: React 19

التنسيق (Styling): Tailwind CSS 4 (مع دعم ألوان OKLCH)

الخرائط: Leaflet & MapTiler SDK

إدارة البيانات: TanStack Query v5

الأيقونات: Lucide React

التحقق من البيانات: Zod

أداة البناء: Vite