O Drum Machine App é um aplicativo interativo que simula uma bateria eletrônica. Projetado com uma interface de usuário intuitiva e amigável, este aplicativo permite aos usuários tocar diversos sons de percussão por meio de teclas na tela ou no teclado do computador.
(voltar ao topo)
Você pode ver uma demonstração aqui.
(voltar ao topo)
Para obter uma cópia local instalada e funcionando, siga estas etapas. Este projeto requer Node.js e npm instalados em sua máquina.
-Node.js -npm
-Clone este repositório para sua máquina local usando:
clone do git https://github.com/ClaudiaRojasSoto/Drum_Machine.git
-Navegue até a pasta do projeto:
cd math_magicians
-Instale as dependências do projeto:
instalação npm
Para iniciar o servidor de desenvolvimento, execute o seguinte comando:
npm início
O projeto segue a seguinte estrutura de pastas e arquivos:
/src
: Contém os arquivos de origem do aplicativo./src/index.js
: principal ponto de entrada do aplicativo JavaScript./src/App.js
: componente de nível superior do aplicativo onde os componentes são renderizados./src/components
: Diretório para componentes React./src/components/Display.js
: Componente para exibição/src/components/DrumMachine.js
: Pasta para o DrumMachine./src/components/DrumPad.js
: Pasta para o Drumpad./src/redux
: Diretório para gerenciamento Redux./src/redux/store.js
: configuração da loja Redux./src/redux/actions
: Pasta para ações Redux./src/redux/DrumMachineActions
: Pasta para gerenciamento de ações do DrumMachine./src/redux/reducers
: Pasta para redutores Redux./src/redux/reducers/DrumMachineReducer.js
: Redutor para gerenciamento de redutor DrumMachine./public
: Contém os arquivos públicos e ativos do aplicativo./public/index.html
: Arquivo HTML base da aplicação./build
: Contém os arquivos de produção gerados.Clone este repositório na pasta desejada: https://github.com/ClaudiaRojasSoto/Drum_Machine.git
Instale este projeto com: instale Stylelint e ESLint
Para executar o projeto, execute o seguinte comando: só precisa de um navegador web
Para executar testes, execute o seguinte comando: npm start você só precisa de um navegador simples para executar este projeto para um teste
? Claudia Rojas
(voltar ao topo)
(voltar ao topo)
Contribuições, problemas e solicitações de recursos são bem-vindos!
Sinta-se à vontade para verificar a página de problemas.
(voltar ao topo)
Se você gosta deste projeto mostre apoio seguindo esta conta
(voltar ao topo)
- Microverse por oferecer a oportunidade de aprender Git e GitHub em um ambiente colaborativo.
- GitHub Docs por fornecer uma riqueza de informações sobre Git e GitHub.
(voltar ao topo)
Este projeto é o MIT.
(voltar ao topo)