Drum_Machine

Drum_Machine

?目次

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

Drum_Machine

ドラム マシン アプリは、ドラム マシンをシミュレートするインタラクティブなアプリケーションです。このアプリケーションは直感的でフレンドリーなユーザー インターフェイスで設計されており、ユーザーは画面上のキーまたはコンピューターのキーボードからさまざまなパーカッション サウンドを演奏できます。

?で構築

技術スタック

React-redux

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

HTML

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

CSS

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

リンター

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

主な特長

• スパ
• CRA
• スタイル
• ツールキット
• React-Redux
• 導入

(トップに戻る)

ライブデモ

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

(トップに戻る)

はじめる

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

-Node.js -npm

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

git clone https://github.com/ClaudiaRojasSoto/Drum_Machine.git

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

cd math_magicians

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

npmインストール

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

npm 開始

プロジェクトの構造

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

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

設定

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

インストール

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

使用法

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

テストの実行

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

著者

?クラウディア・ロハス

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

(トップに戻る)

?将来の機能

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

(トップに戻る)

?貢献する

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

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

(トップに戻る)

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

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

(トップに戻る)

謝辞

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

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

(トップに戻る)

ライセンス

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

(トップに戻る)