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）

（返回到頂部）

執照

這個項目是麻省理工學院。

（返回到頂部）