ドラム マシン アプリは、ドラム マシンをシミュレートするインタラクティブなアプリケーションです。このアプリケーションは直感的でフレンドリーなユーザー インターフェイスで設計されており、ユーザーは画面上のキーまたはコンピューターのキーボードからさまざまなパーカッション サウンドを演奏できます。
(トップに戻る)
ここでデモを見ることができます。
(トップに戻る)
ローカル コピーを起動して実行するには、次の手順に従います。このプロジェクトでは、マシンに 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 ブラウザが必要です。
?クラウディア・ロハス
(トップに戻る)
(トップに戻る)
貢献、問題、機能のリクエストは大歓迎です。
ぜひ問題ページをチェックしてください。
(トップに戻る)
このプロジェクトが気に入ったら、このアカウントをフォローしてサポートを示してください
(トップに戻る)
- Microverse は、共同環境で Git と GitHub を学ぶ機会を提供してください。
- Git および GitHub に関する豊富な情報を提供する GitHub ドキュメント。
(トップに戻る)
このプロジェクトはMITです。
(トップに戻る)