React_Redux_Calculator

React_Redux_Calculator

?目次

• ?目次
• Markdown_Previewer
  • ?で構築
    • 技術スタック
    • 主な特長
  • ライブデモ
  • はじめる
    • プロジェクトの構造
    • 設定
    • インストール
    • 使用法
    • テストの実行
  • 著者
  • ?将来の機能
  • ?貢献する
  • ️ あなたのサポートを示してください
  • 謝辞
  • ライセンス

React_Redux_Calculator

このアプリケーションは、React および Redux テクノロジーを使用して JavaScript で開発された Web 電卓です。これにより、基本的な数学演算を簡単かつ効率的に実行できます。 FreeCodeCamp が提供する JavaScript Calculator からインスピレーションを得たこのアプリは、実用的な電卓を作成しながら Web 開発スキルを活用する機会を提供します。

?で構築

技術スタック

React-redux

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

HTML

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

CSS

• CSSはページ全体のデザインを実現するために使用されます。

リンター

• リンターは、コード内のエラーをチェックして解決するのに役立つツールです。
このプロジェクトには 2 つのリンターが含まれます。
• CSS
• JavaScript

主な特長

• スパ
• CRA
• スタイル
• ルーター
• 記録済み
• ツールキット
• React-Redux
• Jest & React テスト ライブラリ
• 導入

(トップに戻る)

ライブデモ

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

(トップに戻る)

はじめる

ローカル コピーを起動して実行するには、次の手順に従います。このプロジェクトでは、マシンに Node.js と npm がインストールされている必要があります。

-Node.js -npm

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

git クローン https://github.com/ClaudiaRojasSoto/React_Redux_Calculator.git

- プロジェクト フォルダーに移動します。

cd math_magicians

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

npmインストール

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

npm 開始

プロジェクトの構造

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

• /src : アプリケーションのソース ファイルが含まれます。
• /src/index.js : JavaScript アプリケーションのメイン エントリ ポイント。
• /src/App.js : コンポーネントがレンダリングされるアプリケーションの最上位コンポーネント。
• /src/components : React コンポーネントのディレクトリ。
• /src/components/Calculator.js : 電卓のコンポーネント
• /src/redux : Redux管理用のディレクトリ。
• /src/redux/store.js : Redux ストアの設定。
• /src/redux/actions : Redux アクションのフォルダー。
• /src/redux/actions/calculatorActions.js : 電卓管理用のアクション。
• /src/redux/reducers : Redux Reducer のフォルダー。
• /src/redux/reducers/calculatorReducer.js : 電卓管理用の Reducer。
• /public : アプリケーションのパブリック ファイルとアセットが含まれます。
• /public/index.html : アプリケーションのベース HTML ファイル。
• /build : 生成された運用ファイルが含まれます。

設定

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

インストール

このプロジェクトを次のようにインストールします: Stylelint と ESLint をインストールする

使用法

プロジェクトを実行するには、次のコマンドを実行します。Web ブラウザが必要なだけです。

テストの実行

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

著者

?クラウディア・ロハス

• GitHub: @githubhandle
• リンクトイン: リンクトイン
• エンジェルリスト: エンジェルリスト

(トップに戻る)

?将来の機能

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

(トップに戻る)

?貢献する

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

ぜひ問題ページをチェックしてください。

(トップに戻る)

️ あなたのサポートを示してください

このプロジェクトが気に入ったら、このアカウントをフォローしてサポートを示してください

(トップに戻る)

謝辞

• Microverse は、共同作業環境で Git と GitHub を学ぶ機会を提供してください。

• Git および GitHub に関する豊富な情報を提供する GitHub ドキュメント。

(トップに戻る)

ライセンス

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

(トップに戻る)