covid 19 monitor

Covid 19 Monitor

Webseite, auf der die Covid -Statistiken des Landes Chiles, alle bestätigten Fälle, die Todesfälle und auch die täglichen Statistiken angezeigt werden. Es zeigt auch die Covid -Statistiken jeder Region des Landes und seiner Flagge. Dies ist das Capstone -Projekt für das dritte Microverse -Modul React und Redux.

Gebaut mit

• JavaScript, CSS
• Reagieren, Redux
• Webpack

Live -Demo

Überprüfen Sie hier die Live -Demo für dieses Projekt.

Erste Schritte

Um eine lokale Kopie in Betrieb zu nehmen, führen Sie diesen einfachen Beispielschritten aus.

Voraussetzungen

Sie müssen in der Lage sein, Node Package Manager oder auch den Befehl npm zu verwenden. Wenn Sie es nicht haben, installieren Sie es mit diesen Befehlen in der CLI (für Linux):

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

sudo apt install nodejs

Führen Sie dann diesen Befehl in der CLI aus:

npm --version

Wenn der vorherige Befehl eine einzelne Zeile mit einer Versionsnummer auf dem Bildschirm druckt, wurde npm installiert.

Installieren

Zuerst müssen Sie das Repository mit diesem Befehl in den Ordner Ihrer Wahl klonen:

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

Gehen Sie dann mit diesem Befehl in das Repository Foler:

cd covid-19-monitor

Laden Sie die npm -Abhängigkeit mit diesem Befehl herunter:

npm install

Zeigen Sie das Projekt schließlich mit diesem Befehl durch den Browser:

npm start

Verwendung

• Sobald Sie im Browser die Homepage sehen, sehen Sie zwei Abschnitte, den Abschnitt Land und den Bereich der Regionen . In der ersten werden Sie die Karte des Landes sehen, in der die Covid -App ansässig ist, und auch seine Covid -Statistiken. Im Bereich Regionen sehen Sie alle aufgeführten Regionen des Landes. Sie können sie durch die heutigen confirmed Fälle und deaths filtern.
• Sobald Sie auf eine Region klicken, werden Sie auf die Detail -Seite umgeleitet. Darin befinden sich die Covid -Statistiken dieser Region, die die Flagge der Region und die Statistiken zeigen.
• Sie können den linken Pfeil in den Header drücken, um zur Startseite zurückzukehren.

Autor

? David Vergaray

• Github: @yothu
• Twiter: @daivhy
• LinkedIn: David Vergaray

Anerkennung

Originales Design von Nelson Sakwa in Behance.

Lizenz

Dieses Projekt ist MIT und Creative Commons lizenziert.

Zeigen Sie Ihre Unterstützung

Geben Sie ein ️, wenn Ihnen dieses Projekt gefällt!