Descargar Drum_Machine - Descarga del código fuente Drum

Drum_Machine

Componentes de terceros

1.0.0

Descargar

Drum_Machine

? Tabla de contenido

? Tabla de contenido
Drum_Machine
- ? Construido con
  - Pila de tecnología
  - Características clave
- Demostración en vivo
- Empezando
  - Estructura del proyecto
  - Configuración
  - Instalar
  - Uso
  - Ejecutar pruebas
- Autores
- ? Funciones futuras
- ? Contribuyendo
- ️ Muestra tu apoyo
- Expresiones de gratitud
- Licencia

Drum_Machine

La aplicación Drum Machine es una aplicación interactiva que simula una caja de ritmos. Diseñada con una interfaz de usuario intuitiva y amigable, esta aplicación permite a los usuarios tocar diferentes sonidos de percusión a través de las teclas en pantalla o mediante el teclado de su computadora.

? Construido con

Pila de tecnología

Reaccionar-redux

Este proyecto utiliza React

HTML

Este proyecto utiliza HTML.

CSS

El CSS se utiliza para proporcionar el diseño en toda la página.

Linters

Los Linters son herramientas que nos ayudan a comprobar y solucionar los errores en el código.

CSS
javascript

Características clave

SPA
CRA
Estilos
Kit de herramientas
Reaccionar-Redux
Despliegue

(volver arriba)

Demostración en vivo

Puedes ver una demostración aquí.

(volver arriba)

Empezando

Para tener una copia local en funcionamiento, siga estos pasos. Este proyecto requiere Node.js y npm instalados en su máquina.

-Nodo.js -npm

-Clone este repositorio en su máquina local usando:

clon de git https://github.com/ClaudiaRojasSoto/Drum_Machine.git

-Navegar a la carpeta del proyecto:

cd magos_matematicos

-Instalar las dependencias del proyecto:

instalación npm

Para iniciar el servidor de desarrollo, ejecute el siguiente comando:

inicio de npm

Estructura del proyecto

El proyecto sigue la siguiente estructura de carpetas y archivos:

/src : Contiene los archivos fuente de la aplicación.
/src/index.js : punto de entrada principal de la aplicación JavaScript.
/src/App.js : Componente de nivel superior de la aplicación donde se representan los componentes.
/src/components : Directorio de componentes de React.
/src/components/Display.js : Componente para la pantalla
/src/components/DrumMachine.js : Carpeta para DrumMachine.
/src/components/DrumPad.js : Carpeta para Drumpad.
/src/redux : Directorio para la gestión de Redux.
/src/redux/store.js : configuración de la tienda Redux.
/src/redux/actions : Carpeta para acciones de Redux.
/src/redux/DrumMachineActions : Carpeta para la gestión de acciones de DrumMachine.
/src/redux/reducers : Carpeta para reductores Redux.
/src/redux/reducers/DrumMachineReducer.js : Reductor para la gestión del reductor DrumMachine.
/public : Contiene los archivos públicos y los activos de la aplicación.
/public/index.html : Archivo HTML base de la aplicación.
/build : Contiene los archivos de producción generados.