بيكسل الطقس هو تطبيق الطقس الحد الأدنى ، مبني على المعرض وتفاعل مواطن.
في البداية ، يسأل التطبيق عن موقع المستخدم الحالي. إذا تم منحها ، فسيحضر التطبيق وعرض بيانات الطقس لهذا الموقع. يمكن للمستخدمين النقر على كل إحصائيات لرؤية توقعات الطقس المقابلة.


يستخدم هذا المشروع الحزم والمكتبات التالية:
React Navigation ، للتنقل في شاشات مختلفة.expo-location ، للحصول على موقع المستخدم الحالي.axios ، لاتخاذ طلبات API.AsyncStorage ، من أجل حفظ المواقع محليًا على هاتف المستخدم.lottie-react-native ، لتحميل الرسوم المتحركة أثناء جلب البيانات.react-native-flash-message ، لعرض الرسائل.Sentry ، لتسجيل الخطأ في الإنتاج. يستخدم تطبيق الطقس هذا البيانات من المصدرين التاليين:
git clone هذا الريبو إلى الجهاز المحلي الخاص بك.
cd للمجلد. يجري
npm installلتثبيت جميع التبعيات.
تقدم بطلب للحصول على مفاتيح API من مزودي مصدر البيانات المذكورة أعلاه. قد تحتاج إلى توفير معلومات بطاقة الائتمان الخاصة بك للاشتراك في بيانات الطقس. إنشاء .env في المجلد الجذري ، ووضع مفاتيح واجهة برمجة التطبيقات في هذا الملف ، مثل
WEATHER_KEY=your-key-string
AIR_KEY=your-key-string
يجري
npm startأو
expo startسترى بعد ذلك رمز الاستجابة السريعة في المحطة. افتح تطبيق Expo Go ، قم بفحص رمز الاستجابة السريعة لتشغيل هذا المشروع على هاتفك.
يجري
eas build --profile preview --platform android لبناء تطبيق Android. بعد الانتهاء ، انتقل إلى Expo.dev لتنزيل ملف .apk .
| توقعات كل ساعة | توقعات الرياح | توقعات الرطوبة |
|---|---|---|
![]() | ![]() | ![]() |
| أضف المدينة | حذف المدينة | معلومات AQI |
|---|---|---|
![]() | ![]() | ![]() |
| موضوع خفيف - الصفحة الرئيسية | موضوع الضوء - توقعات الرطوبة | موضوع الضوء - لوحة الموقع |
|---|---|---|
![]() | ![]() | ![]() |