covid 19 monitor

كوفيد 19 شاشة

صفحة الويب التي توضح إحصائيات Covid لبلد تشيلي ، وجميع الحالات المؤكدة ، والوفيات وكذلك الإحصائيات اليومية. كما يوضح الإحصائيات covid لكل منطقة من البلاد ، وعلمها. هذا هو مشروع Capstone لوحدة Microverse الثالثة ، React و Redux.

بنيت مع

• JavaScript ، CSS
• رد الفعل ، Redux
• WebPack

عرض حي

تحقق من العرض التوضيحي المباشر لهذا المشروع هنا.

ابدء

للحصول على نسخة محلية وتشغيل اتبع خطوات المثال البسيط هذه.

المتطلبات الأساسية

يجب أن تكون قادرًا على استخدام Manager Node Package ، أو يسمى أيضًا أمر npm . إذا لم يكن لديك ذلك ، فقم بتثبيته بهذه الأوامر في CLI (لـ Linux):

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -

sudo apt install nodejs

ثم ، قم بتشغيل هذا الأمر في CLI:

npm --version

إذا طبع الأمر السابق سطرًا واحدًا برقم إصدار على الشاشة ، فقد تم تثبيت npm .

ثَبَّتَ

تحتاج أولاً إلى استنساخ المستودع في المجلد الذي تختاره مع هذا الأمر:

git clone https://github.com/Yothu/covid-19-monitor.git

ثم انتقل داخل مستودع فولر مع هذا الأمر:

cd covid-19-monitor

بعد أن تكون في الداخل ، قم بتنزيل Deprecies npm باستخدام هذا الأمر:

npm install

أخيرًا ، أظهر المشروع من خلال المتصفح مع هذا الأمر:

npm start

الاستخدام

• بمجرد وصول المتصفح ، سترى الصفحة الرئيسية ، سترى فيها قسمين ، قسم البلد وقسم المناطق ، في أوله ستقوم بتراجع خريطة البلد الذي يوجد فيه تطبيق Covid ، وكذلك إحصائياتها covid. في قسم المناطق ، سترى جميع مناطق البلد المدرجة ، يمكنك تصفيةها حسب الحالات deaths confirmed اليوم.
• بمجرد النقر فوق منطقة ، سيتم إعادة توجيهك إلى صفحة التفاصيل ، حيث توجد إحصائيات كوفيد لتلك المنطقة ، والتي تُظهر علم المنطقة والإحصائيات.
• يمكنك الضغط على السهم الأيسر في الرأس للعودة إلى الصفحة الرئيسية .

مؤلف

؟ ديفيد فيرغاراي

• جيثب: yothu
• Twiter: @Daivhy
• LinkedIn: ديفيد فيرغاراي

شكر وتقدير

التصميم الأصلي الذي أنشأه نيلسون ساكوا في بهزان.

رخصة

هذا المشروع هو معهد ماساتشوستس للتكنولوجيا و Creative Commons مرخصة.

أظهر دعمك

إعطاء ️ إذا كنت تحب هذا المشروع!