Metricks_Tracker
1.0.0
Bienvenue à Metricks Tracker, une application Web mobile utilisant React et Redux! Explorez une API sélectionnée, surveillez et obtenez des informations sans effort! Metricks Tracker se concentre principalement sur la population mondiale pour offrir une analyse détaillée et significative des données liées à ce domaine. Avec Metricks Tracker, vous aurez accès à des informations précieuses et à jour sur la population mondiale, vous permettant de prendre des décisions éclairées et de mieux comprendre les modèles et les tendances démographiques. Commencez à utiliser Metricks Tracker maintenant et découvrez un monde d'informations statistiques à portée de main !. Voici le lien vers la présentation vidéo
(retour en haut)
Vous pouvez voir une démo ici.
(retour en haut)
Pour obtenir une copie locale opérationnelle, suivez ces étapes. Ce projet nécessite Node.js et NPM installés sur votre machine.
-Node.js -npm
-Clone ce référentiel à votre machine locale en utilisant:
git clone https://github.com/claudiarojassoto/metricks_tracker.git
-Navigation dans le dossier du projet:
CD Math_Magiciens
-Installez les dépendances du projet:
Installation de NPM
Pour démarrer le serveur de développement, exécutez la commande suivante:
NPM Start
Le projet suit le dossier et la structure des fichiers suivants:
/src : contient les fichiers source de l'application./src/index.js : point d'entrée principal de l'application JavaScript./src/App.js : composant de niveau supérieur de l'application où les composants sont rendus./src/components : répertoire des composants React./src/components/HomePage.js : composant de la page d'accueil./src/components/HomePage.test.js : tests pour la page d'accueil./src/components/HomePage.css : styles pour la page d'accueil./src/components/navbar : dossier pour les composants de la barre de navigation./src/components/navbar/Navbar.js : composant de la barre de navigation./src/components/navbar/Navbar.test.js : tests pour la barre de navigation./src/components/navbar/Navbar.css : styles pour la barre de navigation./src/components/details : dossier pour les composants de détails./src/components/details/Details.js : composant pour les détails./src/components/details/Details.test.js : tests pour les détails./src/components/details/Details.css : styles pour les détails./src/components/countries : dossier pour les composantes des pays./src/components/countries/Countries.js : composant pour les pays./src/components/countries/Countries.test.js : tests pour les pays./src/components/countries/Countries.css : styles pour les pays./src/imagesContinents : contient le dossier des images des continents./src/imagesContinents/continents : dossier avec images de continents./src/redux : répertoire pour Redux Management./src/redux/store.js : Configuration du magasin Redux./src/redux/actions : dossier pour les actions redux./src/redux/actions/worldActions.js : Actions pour la gestion mondiale./src/redux/actions/worldActions.test.js : tests pour les actions mondiales./src/redux/actions/countriesActions.js : Actions pour la gestion des pays./src/redux/actions/countriesActions.test.js : tests pour les actions des pays./src/redux/actions/continentsActions.js : Actions pour la gestion des continents./src/redux/actions/continentsActions.test.js : tests pour les actions des continents./src/redux/reducers : dossier pour les réducteurs redux./src/redux/reducers/rootReducer.js : réducteur racine pour l'application./src/redux/reducers/worldReducer.js : réducteur pour la gestion mondiale./src/redux/reducers/countriesReducer.js : réducteur pour la gestion des pays./src/redux/reducers/continentsReducer.js : réducteur pour la gestion des continents./src/redux/reducers/*.test.js : tests pour les réducteurs./public : contient les fichiers publics et les actifs de la demande./public/index.html : Fichier HTML de base de l'application./build : contient les fichiers de production générés.Clone ce référentiel dans votre dossier souhaité: https://github.com/claudiarojassoto/metricks_tracker.git
Installez ce projet avec: Installez Stylelint et Eslint
Pour exécuter le projet, exécutez la commande suivante: il suffit de besoin d'un navigateur Web
Pour exécuter des tests, exécutez la commande suivante: NPM Démarrez, vous avez juste besoin d'un simple navigateur Web pour exécuter ce projet pour un test
? Claudia Rojas
(retour en haut)
(retour en haut)
Les contributions, les problèmes et les demandes de fonctionnalités sont les bienvenus!
N'hésitez pas à vérifier la page des problèmes.
(retour en haut)
Si vous aimez ce projet, montrez la support en suivant ce compte
(retour en haut)
- Microverse pour offrir la possibilité d'apprendre Git et Github dans un environnement collaboratif.
- GitHub Docs pour avoir fourni une multitude d'informations sur Git et Github.
- Creative Commons pour avoir fourni la conception de ce travail.
- Vous pouvez cliquer sur le lien pour voir la conception originale:
- Conception originale sur Behance.
- Nelson Sakwa dans Behance, pour son idée de conception originale.
- Vous pouvez cliquer sur le lien pour voir le profil Nelson Sakwa sur Behance.
- Profil Nelson Sakwa sur Behance
(retour en haut)
Ce projet est le MIT.
(retour en haut)
