¡Bienvenido a Metricks Tracker, una aplicación web móvil usando React y Redux! ¡Explore una API seleccionada, monitor y obtenga información sin esfuerzo! Metricks Tracker se centra principalmente en la población mundial para ofrecer un análisis detallado y significativo de los datos relacionados con esta área. Con Metricks Tracker, tendrá acceso a información valiosa y actualizada sobre la población mundial, lo que le permite tomar decisiones informadas y obtener una comprensión más clara de los patrones y tendencias demográficas. ¡Comience a usar Metricks Tracker ahora y descubra un mundo de información estadística a su alcance! Aquí está el enlace a la presentación del video
(De vuelta a la cima)
Puedes ver una demostración aquí.
(De vuelta a la cima)
Para obtener una copia local en funcionamiento, siga estos pasos. Este proyecto requiere Node.js y NPM instalados en su máquina.
-Node.js -npm
-Clar este repositorio a su máquina local usando:
Git clon https://github.com/claudiorojassoto/metricks_tracker.git
-Navate a la carpeta del proyecto:
CD Math_magicians
-Sinstall las dependencias del proyecto:
instalación de NPM
Para iniciar el servidor de desarrollo, ejecute el siguiente comando:
Inicio de NPM
El proyecto sigue la siguiente carpeta y estructura de archivo:
/src : contiene los archivos de origen de la aplicación./src/index.js : punto de entrada principal de la aplicación JavaScript./src/App.js : componente de nivel superior de la aplicación donde se representan los componentes./src/components : Directorio para componentes React./src/components/HomePage.js : componente para la página de inicio./src/components/HomePage.test.js : pruebas para la página de inicio./src/components/HomePage.css : estilos para la página de inicio./src/components/navbar : carpeta para los componentes de la barra de navegación./src/components/navbar/Navbar.js : componente para la barra de navegación./src/components/navbar/Navbar.test.js : pruebas para la barra de navegación./src/components/navbar/Navbar.css : estilos para la barra de navegación./src/components/details : carpeta para los componentes de detalles./src/components/details/Details.js : componente para los detalles./src/components/details/Details.test.js : pruebas para los detalles./src/components/details/Details.css : estilos para los detalles./src/components/countries : Carpeta para los componentes de los países./src/components/countries/Countries.js : componente para los países./src/components/countries/Countries.test.js : pruebas para los países./src/components/countries/Countries.css : estilos para los países./src/imagesContinents : contiene la carpeta de imágenes de los continentes./src/imagesContinents/continents : Carpeta con imágenes de continentes./src/redux : Directorio para la administración de Redux./src/redux/store.js : configuración de la tienda Redux./src/redux/actions : Carpeta para acciones Redux./src/redux/actions/worldActions.js : Acciones para la gestión mundial./src/redux/actions/worldActions.test.js : pruebas para acciones mundiales./src/redux/actions/countriesActions.js : Acciones para la gestión de países./src/redux/actions/countriesActions.test.js : pruebas para acciones de países./src/redux/actions/continentsActions.js : Acciones para la gestión de los continentes./src/redux/actions/continentsActions.test.js : pruebas para acciones de continentes./src/redux/reducers : Carpeta para reductores Redux./src/redux/reducers/rootReducer.js : reductor raíz para la aplicación./src/redux/reducers/worldReducer.js : reductor para la gestión mundial./src/redux/reducers/countriesReducer.js : reductor para la gestión de países./src/redux/reducers/continentsReducer.js : reductor para la gestión de los continentes./src/redux/reducers/*.test.js : pruebas para los reductores./public : contiene los archivos públicos y los activos de la aplicación./public/index.html : archivo HTML base de la aplicación./build : contiene los archivos de producción generados.Clone Este repositorio a su carpeta deseada: https://github.com/claudiorojassoto/metricks_tracker.git
Instale este proyecto con: Instale Stylelint y Eslint
Para ejecutar el proyecto, ejecute el siguiente comando: solo necesito un navegador web
Para ejecutar pruebas, ejecute el siguiente comando: NPM Inicie solo necesita un navegador web simple para ejecutar este proyecto para una prueba
? Claudia Rojas
(De vuelta a la cima)
(De vuelta a la cima)
¡Las contribuciones, los problemas y las solicitudes de funciones son bienvenidas!
No dude en consultar la página de problemas.
(De vuelta a la cima)
Si le gusta este proyecto, muestre el soporte siguiendo esta cuenta
(De vuelta a la cima)
- Microverse para brindar la oportunidad de aprender Git y GitHub en un entorno colaborativo.
- Github documenta por proporcionar una gran cantidad de información sobre Git y Github.
- Creative Commons para proporcionar el diseño de este trabajo.
- Puede hacer clic en el enlace para ver el diseño original:
- Diseño original en Behance.
- Nelson Sakwa en Behance, por su idea de diseño original.
- Puede hacer clic en el enlace para ver el perfil de Nelson Sakwa en Behance.
- Perfil de Nelson Sakwa en Behance
(De vuelta a la cima)
Este proyecto es MIT.
(De vuelta a la cima)