Metricks_Tracker

メトリックトラッカー

？目次

• ？目次
• メトリックトラッカー
  • ？で構築されています
    • 技術スタック
    • 重要な機能
  • ライブデモ
  • はじめる
    • プロジェクト構造
    • 設定
    • インストール
    • 使用法
    • テストを実行します
  • 著者
  • ？将来の機能
  • ？貢献
  • §サポートを表示します
  • 謝辞
  • ライセンス

メトリックトラッカー

ReactとReduxを使用したモバイルWebアプリであるMetricks Trackerへようこそ！選択したAPIを探索し、監視し、簡単に情報を取得してください！ Metricksトラッカーは、主に世界人口に焦点を当て、この領域に関連するデータの詳細かつ意味のある分析を提供します。 Metricksトラッカーを使用すると、世界人口に関する貴重で最新の情報にアクセスでき、情報に基づいた意思決定を行い、人口統計のパターンと傾向をより明確に理解することができます。今すぐMetricksトラッカーの使用を開始し、指先で統計情報の世界を発見してください！これがビデオプレゼンテーションへのリンクです

？で構築されています

技術スタック

React-Redux

• このプロジェクトはReactを使用します

HTML

• このプロジェクトはHTMLを使用します。

CSS

• CSSは、ページ全体でデザインを提供するために使用されます。

リナー

• リナーは、コードのエラーを確認して解決するのに役立つツールです
このプロジェクトは、2つのリナーでカウントされます。
• CSS
• JavaScript

重要な機能

• スパ
• CRA
• スタイル
• ルーター
• ログ
• ツールキット
• React-Redux
• Jest＆React Test Library
• 展開

（トップに戻る）

ライブデモ

ここでデモを見ることができます。

（トップに戻る）

はじめる

地元のコピーを稼働させるには、次の手順に従ってください。このプロジェクトには、マシンにnode.jsとNPMがインストールされる必要があります。

-node.js -npm

-以下を使用して、このリポジトリをローカルマシンにクローンします。

git clone https://github.com/claudiarojassoto/metricks_tracker.git

- プロジェクトフォルダーに適応します：

CD Math_magicians

- プロジェクトの依存関係をインストールします。

NPMインストール

開発サーバーを起動するには、次のコマンドを実行します。

NPM開始

プロジェクト構造

プロジェクトは、次のフォルダーとファイル構造に従います。

• /src ：アプリケーションのソースファイルが含まれています。
• /src/index.jsアプリケーションのメインエントリポイント。
• /src/App.js ：コンポーネントがレンダリングされるアプリケーションのトップレベルコンポーネント。
• /src/components ：Reactコンポーネント用のディレクトリ。
• /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 Managementのディレクトリ。
• /src/redux/store.jsストア構成。
• /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 Reducerのフォルダー。
• /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 ：還元剤のテスト。
• /public ：アプリケーションのパブリックファイルと資産が含まれています。
• /public/index.html ：アプリケーションのベースHTMLファイル。
• /build ：生成された生成ファイルが含まれています。

設定

このリポジトリを目的のフォルダーにクローンします：https：//github.com/claudiarojassoto/metricks_tracker.git

インストール

このプロジェクトをインストール：StylelintとEslintをインストールします

使用法

プロジェクトを実行するには、次のコマンドを実行します。

テストを実行します

テストを実行するには、次のコマンドを実行します。NPMスタートして、テストのためにこのプロジェクトを実行するために簡単なWebブラウザが必要です

著者

？クラウディア・ロハス

• github：@githubhandle
• LinkedIn：LinkedIn
• Angellist：Angellist

（トップに戻る）

？将来の機能

• ユーザーキー - ログイン

（トップに戻る）

？貢献

貢献、問題、機能のリクエストは大歓迎です！

問題のページを自由に確認してください。

（トップに戻る）

§サポートを表示します

あなたがこのプロジェクトが好きなら、このアカウントに従うことでサポートを示しています

（トップに戻る）

謝辞

• 共同環境でGitとGithubを学ぶ機会を提供するためのマイクロバース。

• GitSubドキュメントは、GitとGithubに関する豊富な情報を提供しています。

• この作品のデザインを提供するためのクリエイティブコモンズ。
• リンクをクリックして、元のデザインを確認できます。
• Behanceのオリジナルデザイン。
• 彼女のオリジナルのデザインのアイデアのために、NelsonSakwaはBehanceで。
• リンクをクリックして、Nelson SakwaのプロフィールをBeakanceで確認できます。
• ネルソン・サクワのプロフィール

（トップに戻る）

ライセンス

このプロジェクトはMITです。

（トップに戻る）