Metricks_Tracker

指标跟踪器

？目录

• ？目录
• 指标跟踪器
  • ？建立
    • 技术堆栈
    • 关键功能
  • 现场演示
  • 入门
    • 项目结构
    • 设置
    • 安装
    • 用法
    • 运行测试
  • 作者
  • ？未来功能
  • ？贡献
  • 配进您的支持
  • 致谢
  • 执照

指标跟踪器

欢迎使用React和Redux Metricks Tracker，这是一个移动Web应用程序！探索选定的API，监视并毫不费力地获取信息！ Metricks Tracker主要关注世界人口，以对与该领域相关的数据进行详细且有意义的分析。借助Metricks Tracker，您将可以访问有关世界人口的宝贵和最新信息，从而使您能够做出明智的决定并对人口统计学模式和趋势有了更清晰的了解。立即开始使用Metricks Tracker，并在您的指尖发现一个统计信息！这是视频演示的链接

？建立

技术堆栈

React-Redux

• 该项目使用React

html

• 该项目使用HTML。

CSS

• CSS用于在整个页面中提供设计。

衬里

• 衬里是帮助我们检查和解决代码中错误的工具
该项目用两个林格进行计数：
• CSS
• JavaScript

关键功能

• 温泉
• CRA
• 样式
• 路由器
• 记录
• 工具包
• React-Redux
• 开玩笑和React测试库
• 部署

（返回到顶部）

现场演示

您可以在这里看到一个演示。

（返回到顶部）

入门

要启动并运行本地副本，请按照以下步骤操作。该项目需要计算机上安装的node.js和NPM。

-node.js -npm

- 将此存储库插入您的本地计算机：

git克隆https://github.com/claudiarojassoto/metricks_tracker.git

- 驱逐到项目文件夹：

CD Math_magicians

- 安装项目依赖性：

NPM安装

要启动开发服务器，请运行以下命令：

NPM开始

项目结构

该项目遵循以下文件夹和文件结构：

• /src ：包含应用程序的源文件。
• /src/index.js应用程序的主要入口点。
• /src/App.js ：呈现组件的应用程序的顶级组件。
• /src/components ：反应组件目录。
• /src/components/HomePage.js ：主页的组件。
• /src/components/HomePage.test.js ：主页的测试。
• /src/components/HomePage.css ：主页的样式。
• /src/components/navbar ：导航栏组件的文件夹。
• /src/components/navbar/Navbar.js ：导航栏的组件。
• /src/components/navbar/Navbar.test.js ：导航栏的测试。
• /src/components/navbar/Navbar.css ：导航栏的样式。
• /src/components/details ：详细信息组件的文件夹。
• /src/components/details/Details.js ：详细信息的组件。
• /src/components/details/Details.test.js ：测试详细信息。
• /src/components/details/Details.css ：详细信息的样式。
• /src/components/countries ：国家组件的文件夹。
• /src/components/countries/Countries.js ：国家的组成部分。
• /src/components/countries/Countries.test.js ：对国家的测试。
• /src/components/countries/Countries.css ：国家的样式。
• /src/imagesContinents ：包含大陆图像的文件夹。
• /src/imagesContinents/continents ：带有大陆图像的文件夹。
• /src/redux ：Redux管理目录。
• /src/redux/store.js Store配置。
• /src/redux/actions ：用于REDUX操作的文件夹。
• /src/redux/actions/worldActions.js ：世界管理的动作。
• /src/redux/actions/worldActions.test.js ：世界动作的测试。
• /src/redux/actions/countriesActions.js ：国家管理的行动。
• /src/redux/actions/countriesActions.test.js ：国家行动的测试。
• /src/redux/actions/continentsActions.js ：大陆管理的动作。
• /src/redux/actions/continentsActions.test.js ：大洲动作的测试。
• /src/redux/reducers ：Redux还原器的文件夹。
• /src/redux/reducers/rootReducer.js ：应用程序的根还原器。
• /src/redux/reducers/worldReducer.js ：世界管理的还原器。
• /src/redux/reducers/countriesReducer.js ：用于国家管理的还原器。
• /src/redux/reducers/continentsReducer.js ：大陆管理的还原器。
• /src/redux/reducers/*.test.js redux/reducers/* .test.js：还原器的测试。
• /public ：包含应用程序的公共文件和资产。
• /public/index.html ：应用程序的基本HTML文件。
• /build ：包含生成的生产文件。

设置

克隆此存储库到您所需的文件夹：https：//github.com/claudiarojassoto/metricks_tracker.git

安装

使用：安装Stylelint和Eslint安装此项目

用法

要运行项目，请执行以下命令：只需要一个Web浏览器

运行测试

要运行测试，请运行以下命令：NPM启动您只需要一个简单的Web浏览器即可运行此项目进行测试

作者

？克劳迪娅·罗哈斯（Claudia Rojas）

• github：@githubhandle
• LinkedIn：LinkedIn
• 天使主义者：天使主义者

（返回到顶部）

？未来功能

• 用户键 - 登录

（返回到顶部）

？贡献

欢迎贡献，问题和功能请求！

随时检查问题页面。

（返回到顶部）

配进您的支持

如果您喜欢这个项目，请遵循此帐户

（返回到顶部）

致谢

• 微观提供了在协作环境中学习git和github的机会。

• Github文档提供了有关Git和Github的大量信息。

• 提供这项工作设计的创意共享。
• 您可以单击链接以查看原始设计：
• 原始设计。
• 纳尔逊·萨克瓦（Nelson Sakwa）为她的原始设计创意而言。
• 您可以单击链接以查看纳尔逊·萨克瓦（Nelson Sakwa）的个人资料。
• 纳尔逊·萨克瓦（Nelson Sakwa）

（返回到顶部）

执照

这个项目是麻省理工学院。

（返回到顶部）