Metricks_Tracker
1.0.0
Willkommen bei Metricks Tracker, einer mobilen Web -App mit React und Redux! Erkunden Sie eine ausgewählte API, überwachen Sie und erhalten Sie mühelos Informationen! Metricks Tracker konzentriert sich hauptsächlich auf die Weltbevölkerung, um eine detaillierte und aussagekräftige Analyse von Daten zu diesem Bereich anzubieten. Mit Metricks Tracker haben Sie Zugang zu wertvollen und aktuellen Informationen über die Weltbevölkerung, mit denen Sie fundierte Entscheidungen treffen und ein klareres Verständnis der demografischen Muster und Trends erlangen können. Verwenden Sie jetzt Metricks Tracker und entdecken Sie eine Welt mit statistischen Informationen zu Ihren Fingerspitzen!. Hier ist der Link zur Videopräsentation
(zurück nach oben)
Hier können Sie eine Demo sehen.
(zurück nach oben)
Befolgen Sie diese Schritte, um eine lokale Kopie zum Laufen zu bringen. Dieses Projekt erfordert Node.js und NPM, die auf Ihrem Computer installiert sind.
-Node.js -npm
-Klicken Sie auf dieses Repository in Ihre lokale Maschine mit:
Git Clone https://github.com/claudiarajassoto/Metricks_tracker.git
-Navigieren Sie zum Projektordner:
CD Math_Magicer
-Installieren Sie die Projektabhängigkeiten:
NPM Installation
Führen Sie den folgenden Befehl aus, um den Entwicklungsserver zu starten:
NPM Start
Das Projekt folgt dem folgenden Ordner und der Dateistruktur:
/src : Enthält die Quelldateien der Anwendung./src/index.js : Haupteintrittspunkt der JavaScript -Anwendung./src/App.js : Top-Level-Komponente der Anwendung, in der Komponenten gerendert werden./src/components : Verzeichnis für React -Komponenten./src/components/HomePage.js : Komponente für die Startseite./src/components/HomePage.test.js : Tests für die Startseite./src/components/HomePage.css : Stile für die Startseite./src/components/navbar : Ordner für die Navigationsleistenkomponenten./src/components/navbar/Navbar.js : Komponente für die Navigationsleiste./src/components/navbar/Navbar.test.js : Tests für die Navigationsleiste./src/components/navbar/Navbar.css : Stile für die Navigationsleiste./src/components/details : Ordner für die Detailkomponenten./src/components/details/Details.js : Komponente für die Details./src/components/details/Details.test.js : Tests für die Details./src/components/details/Details.css : Styles für die Details./src/components/countries : Ordner für die Komponenten der Länder./src/components/countries/Countries.js : Komponente für die Länder./src/components/countries/Countries.test.js : Tests für die Länder./src/components/countries/Countries.css : Stile für die Länder./src/imagesContinents : Enthält den Ordner von Bildern von Kontinenten./src/imagesContinents/continents : Ordner mit Bildern von Kontinenten./src/redux : Verzeichnis für Redux -Management./src/redux/store.js : Redux Store -Konfiguration./src/redux/actions : Ordner für Redux -Aktionen./src/redux/actions/worldActions.js : Aktionen für das Weltmanagement./src/redux/actions/worldActions.test.js : Tests für Weltaktionen./src/redux/actions/countriesActions.js : Maßnahmen für das Management von Ländern./src/redux/actions/countriesActions.test.js : Tests für Länderaktionen./src/redux/actions/continentsActions.js : Aktionen für das Continentents Management./src/redux/actions/continentsActions.test.js : Tests für Kontinentenaktionen./src/redux/reducers : Ordner für Redux -Reduzierer./src/redux/reducers/rootReducer.js : Root Reducer für die Anwendung./src/redux/reducers/worldReducer.js : Reduzierer für das Weltmanagement./src/redux/reducers/countriesReducer.js : Reduzierer für Ländermanagement./src/redux/reducers/continentsReducer.js : Reduzierer für das Continents -Management./src/redux/reducers/*.test.js : Tests für die Reduzierer./public : Enthält die öffentlichen Dateien und Vermögenswerte der Anwendung./public/index.html : Basis -HTML -Datei der Anwendung./build : Enthält die generierten Produktionsdateien.Klonen Sie dieses Repository in Ihren gewünschten Ordner: https://github.com/claudiarajassoto/Metricks_tracker.git
Installieren Sie dieses Projekt mit: Installieren Sie Stylelint und Eslint
Um das Projekt auszuführen, führen Sie den folgenden Befehl aus: benötigen nur einen Webbrowser
Um Tests auszuführen, führen Sie den folgenden Befehl aus: NPM -Start Sie benötigen nur einen einfachen Webbrowser, um dieses Projekt für einen Test auszuführen
? Claudia Rojas
(zurück nach oben)
(zurück nach oben)
Beiträge, Probleme und Feature -Anfragen sind willkommen!
Überprüfen Sie die Seite mit der Ausgabe.
(zurück nach oben)
Wenn Sie dieses Projekt mögen, zeigen Sie Unterstützung, indem Sie diesem Konto folgen
(zurück nach oben)
- Microverse für die Möglichkeit, Git und Github in einer kollaborativen Umgebung zu lernen.
- Github docs zur Bereitstellung einer Fülle von Informationen zu Git und GitHub.
- Creative Commons zur Bereitstellung des Designs dieser Arbeit.
- Sie können auf den Link klicken, um das ursprüngliche Design anzuzeigen:
- Originaldesign auf Behance.
- Nelson Sakwa in Behance, für ihre ursprüngliche Designidee.
- Sie können auf den Link klicken, um das Nelson Sakwa -Profil in Behance anzuzeigen.
- Nelson Sakwa -Profil auf Behance
(zurück nach oben)
Dieses Projekt ist MIT.
(zurück nach oben)
