lofi music

Lofi-Music?

Un proyecto React 18 + NextJS, creado por diversión. ¿Estaba cansado de abrir YouTube para obtener música de LO-Fi mientras trabajaba?

¡Haga clic aquí para obtener una demostración en vivo!

Acerca de

¡Lofi-Music es una aplicación web que le permite crear música personalizada mientras trabaja o estudia! Simplemente haga clic en cualquier sonido que desee de la amplia selección para superponerlos en una mezcla personalizada.

Construido con

• Componentes de estilo
• Componentes/diseño basado en
• Más bonito para una mejor legibilidad

✅ Comenzando

Primero, clone el repositorio a su dispositivo usando el comando:

 git clone https://github.com/riccardobertolini/lofi-music.git

Luego, cambie los directorios a lofi-music con el comando:

 cd lofi-music

A continuación, ejecute el siguiente comando para instalar todos los módulos y sus dependencias:

npm install

Uso

Para ejecutar la aplicación en modo de desarrollo, ejecute el siguiente comando:

npm run dev

Luego, abra http: // localhost: 3000 (puerto predeterminado) para verlo en el navegador.

Para construir la aplicación para la producción en la carpeta build , ejecute:

npm run build

❓ Instrucciones

• Para crear una mezcla de sonido , haga clic en una imagen para agregarla a sus sonidos activos.
• Para ajustar el volumen de un sonido individual , arrastre el control deslizante debajo del sonido.
• Para ajustar el volumen de todos los sonidos activos , arrastre el control deslizante en la parte inferior de la pantalla en Sounds active: .
• Para detener todos los sonidos , haga clic en Stop all .
• Para ingresar el modo de pantalla completa , haga clic en el window icon en la parte superior izquierda de la barra de icono. Para salir , haga clic en el icono nuevamente.
• Para obtener una combinación aleatoria de sonidos , haga clic en el arrow icon en la barra de iconos.
• Para cambiar los colores de fondo de la aplicación, haga clic en el gear icon en la barra de iconos y seleccione un color.
• Para obtener una mezcla aleatoria de sonidos basados ​​en su estado de ánimo , haga clic en el face icon en la barra de iconos y seleccione su estado de ánimo.

? Ejecutar pruebas

Para ejecutar las pruebas, ejecute el siguiente comando:

npm test

Para verificar la cobertura de prueba (mínimo requerido Global 70%), ejecute el siguiente comando:

npm test -- --coverage

Una vez que se ejecute el comando, busque la carpeta /coverage , luego /lcov-report , y abra index.html en un navegador.

Estructura de proyectos

 .
├── components // All app components (MusicTiles, Shuffler, etc.)
├── constants // Enum of colors
├── contexts // Accessibility Context
├── data // Music list with corresponding image and mp3 sources
├── pages // The app
├── public // Audio and image files
├── styles // CSS file
└── utils // Fullscreen mode

? Que contribuye

¡No dude en abrir problemas, extraer solicitudes y refactorizar/arreglar! Este es un proyecto de vida y cualquier ayuda es bienvenida. ¡Gracias!

Para ver los problemas actuales, consulte la página de problemas.

Para contribuir, siga los pasos a continuación:

1. Crea una bifurcación de este repositorio.
2. Cree una carpeta en su dispositivo y clone el repositorio bifurcado en él.

 git clone https://github.com/[YOUR-USERNAME-HERE]/lofi-music.git

3. Crea una rama de características.

 git checkout -b new-feature

4. Cometer sus cambios.

 git commit -m 'Added feature'

5. Empuja a la rama.

 git push origin new-feature

6. Envíe una solicitud de extracción.
   

Licencia

Distribuido bajo la licencia MIT. Vea LICENSE para más información.