completador de musica
1.0.0
Haga clic aquí para ver el proyecto funcionando
Este proyecto es una aplicación web desarrollada con Frameworks Next.js y Tailwind que tiene como objetivo ayudar en el estudio de idiomas extranjeros a través de la música. Una vez en la página de inicio de la aplicación, debe informar el nombre de una canción y su autor, que mostrará una lista de canciones encontradas, así que seleccione la canción que desee, póngala en alguna plataforma como YouTube o Spotify y llenará los huecos presentes en la letra con la palabra correcta. Las brechas se dibujan al azar, lo que le permite tener siempre palabras diferentes para completar y, por lo tanto, mejorar sus habilidades lingüísticas tratando de aprender.
Para iniciar la aplicación localmente, debe descargar este repositorio (ya sea por las opciones de clonos de GitHub o a través de un archivo .zip) y modificar el archivo model.env.local . Este archivo debe cambiarse de nombre a .env.local y el valor de la variable presente en este archivo debe cambiarse a un valor válido del token de acceso del cliente obtenido de la API de genio, la base del paquete utilizado para obtener las letras. Se puede acceder a la documentación haciendo clic aquí.
Después de eso, en la página principal del proyecto deberá ejecutar los comandos de npm i para instalar las instalaciones npm run dev para iniciar el proyecto. Después de la compilación, el proyecto estará disponible localmente a través de localhost:3000 .
NOTA: El puerto 3000 es el puerto predeterminado, pero le recomiendo que vea qué puerto se ejecutará realmente el proyecto a través del terminal donde se ha utilizado el comando npm run dev .
Si desea acceder al proyecto en línea, haga clic aquí para ver la implementación realizada en la plataforma Vercel.
En la página de inicio de la aplicación, debe poner el nombre de la música y la persona o banda con la que esta canción está asociada. En esta pantalla de inicio, también puede seleccionar la dificultad de la música. Cuanto mayor sea la dificultad, más brechas parecerán completarlo. Una vez que se haya seleccionado el nombre y la autoría de la canción, debe hacer clic en el botón de búsqueda. Esto hará una lista de resultados para su representación de búsqueda, y luego simplemente haga clic en la tarjeta que contiene la música deseada, y aquí vale la pena señalar que a medida que las canciones se obtienen a través de la API, la música en varios idiomas está disponible. Una vez que haya hecho clic en la tarjeta de música, la aplicación navegará a la página de la canción, que tiene la interfaz a continuación:
Cada espacio tiene dos botones. El primero de ellos es el botón de corrección indicado por una verificación que corregirá la brecha actual, dejando el borde verde si la palabra se ha escrito correctamente y de lo contrario. El segundo botón es el botón de punta representado por una lámpara. Este botón mostrará la palabra que debe escribirse en esa brecha. Estas acciones son individuales y aplicables solo a la brecha actual.
Además de estas acciones locales, la interfaz contiene seis botones de acción globales:
Para contribuir al proyecto, puede abrir un problema en el proyecto hablando un poco sobre la función que desea implementarse, o un error que haya encontrado (terminé sin encontrar errores, lo que probablemente significa que no los busqué lo suficientemente bien jaja). Si es posible, coloque una imagen relacionada con el sujeto porque facilita la visualización y la comprensión.
Si desea implementar algo basado en el proyecto, siéntase libre. Este proyecto es de código abierto, por lo que no necesita mi permiso para hacer nada. Simplemente haga la bifurcación del proyecto e inicie su implementación a medida que encuentre mejor, y si desea enviar un repositorio de solicitud de solicitud de extracción con su implementación, siéntase cómodo también. Solo recuerde poner un mensaje diciendo que las mejoras o lo que ha implementado. Ah, y si no desea hacer un PR, pero ha utilizado este proyecto como base, puede abrir un número aquí con su enlace de repositorio porque quiero hacer una lista para que aquellos que accedan a este proyecto también puedan acceder a las implementaciones de otros usuarios.
Si quieres hacer algo, pero no sabes qué hacer, puedes echar un vistazo a los problemas del proyecto para ver si tenemos algo abierto y luego pedirme que te asigne esa tarea.
