Drum_Machine

Drum_Machine

？目錄

• ？目錄
• Drum_Machine
  • ？內建
    • 技術堆疊
    • 主要特點
  • 現場演示
  • 入門
    • 專案結構
    • 設定
    • 安裝
    • 用法
    • 運行測試
  • 作者
  • ？未來的特點
  • ？貢獻
  • ️表達你的支持
  • 致謝
  • 執照

Drum_Machine

鼓機應用程式是一款模擬鼓機的互動式應用程式。該應用程式採用直觀友好的用戶介面設計，允許用戶透過螢幕按鍵或電腦鍵盤演奏不同的打擊樂聲音。

？內建

技術堆疊

React-redux

• 本專案使用React

超文本標記語言

• 該項目使用 HTML。

CSS

• CSS用於提供整個頁面的設計。

短絨棉

• Linters是幫助我們檢查和解決程式碼中錯誤的工具
此項目有兩個 linter：
• CSS
• JavaScript

主要特點

• 溫泉
• 加拿大稅務局
• 風格
• 工具包
• React-Redux
• 部署

（回到頂部）

現場演示

你可以在這裡看到一個演示。

（回到頂部）

入門

若要啟動並執行本機副本，請依照下列步驟操作。該專案需要在您的電腦上安裝 Node.js 和 npm。

-Node.js -npm

- 使用以下命令將此儲存庫複製到本機：

git 克隆 https://github.com/ClaudiaRojasSoto/Drum_Machine.git

-導航到專案資料夾：

cd 數學魔術師

- 安裝專案依賴項：

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 減速器的資料夾。
• /src/redux/reducers/DrumMachineReducer.js ：用於 DrumMachine 減速器管理的減速器。
• /public ：包含應用程式的公共文件和資產。
• /public/index.html ：應用程式的基本 HTML 檔案。
• /build ：包含產生的生產文件。

設定

將此儲存庫複製到您所需的資料夾：https://github.com/ClaudiaRojasSoto/Drum_Machine.git

安裝

安裝此項目：安裝 Stylelint 和 ESLint

用法

若要執行該項目，請執行以下命令：只需要一個網頁瀏覽器

運行測試

要執行測試，請執行以下命令： npm start 您只需要一個簡單的 Web 瀏覽器來執行此專案進行測試

作者

？克勞蒂亞·羅哈斯

• GitHub：@githubhandle
• 領英：領英
• 天使名單：天使名單

（回到頂部）

？未來的特點

• 使用者密鑰 - 登入

（回到頂部）

？貢獻

歡迎貢獻、問題和功能請求！

請隨時檢查問題頁面。

（回到頂部）

️表達你的支持

如果您喜歡這個項目，請關注此帳戶以表示支持

（回到頂部）

致謝

• Microverse 提供了在協作環境中學習 Git 和 GitHub 的機會。

• GitHub Docs，提供有關 Git 和 GitHub 的豐富資訊。

（回到頂部）

執照

這個計畫是麻省理工學院。

（回到頂部）