Esta es una aplicación móvil que te permite explorar las canciones más escuchadas, ver detalles sobre los artistas y guardar tus ultimas canciones visualizadas en tu perfil. La aplicación utiliza AsyncStorage para almacenar la información de tus artistas favoritos.
- Lista de las top canciones más escuchadas.
- Detalles sobre la canción seleccionada.
- Perfil para guardar tus ultimos temas visualizados.
Mi perfil
Aqui se muestran las ultimas canciones visualizadas
Top Canciones
Pantalla principal, muestra las canciones principales de un area geografica determinada
Detalles
Muestra informacion obtenida de la misma API sobre el tema seleccionado
- Clona este repositorio en tu máquina local.
- Navega al directorio del proyecto.
- Ejecuta
npm installoyarn installpara instalar las dependencias.
- Ejecuta la aplicación en tu dispositivo o emulador.
- En la vista "Home", verás la lista de las top canciones más escuchadas.
- Haz clic en una canción para ver los detalles del artista en la vista "Detalle".
- Al hacer click en una cancion, automaticamente se guardara en tus ultimos reproducidos.
- Ve a la vista "Mi Perfil" para ver tus ultimos reproducidos.
- React Native
- AsyncStorage: Almacenar datos localmente en el dispositivo móvil.
- React Navigation: Navegación en la aplicación móvil.
- Expo: Plataforma que facilita el desarrollo de aplicaciones móviles React Native.
- Axios: Realizar solicitudes HTTP y obtener datos de servicios web.
- Node: v18.16.1
Para el presente proyecto se utilizaron 2 API de Last.fm, La primer API artist.getTopTracks arroja los artistas con mayor popularidad en un pais.
Durante el desarrollo de la aplicacion me percate que dicha api entregaba la lista de canciones con datos como cancion, autor, duracion e imagen, pero en este caso la imagen no era la oficial de la cancion, sino una imagen predeterminada de Last.fm (Una estrella gris).
Para solucionarlo, tome de esta primer API el MBDI ( Identificador unico) de la cancion y con una segunda solicitud a la API track.getInfo obtuve la imagen correspondiente de cada cancion, la cual se muestra correctamente en la aplicacion.
De esta manera, con 2 solicitudes simultaneas a distintas API se compila correctamente la lista de canciones mas populares con sus imagenes correspondientes.
Si deseas contribuir a este proyecto, sigue estos pasos:
- Haz un fork del repositorio.
- Crea una rama para tu nueva característica o corrección de errores (
git checkout -b mi-nueva-caracteristica). - Haz tus cambios y realiza un commit (
git commit -m 'Agrega una nueva característica'). - Haz push a la rama (
git push origin mi-nueva-caracteristica). - Abre una solicitud de extracción en GitHub.
Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para obtener más detalles.
- Nombre: Alexis Rafael Fernandez Bernal
- Correo Electrónico: alexis.ferber18@gmail.com
- LinkedIn: https://www.linkedin.com/in/febernal/
¡Gracias por usar nuestra aplicación! Esperamos que la disfrutes. Si tienes alguna pregunta o comentario, no dudes en ponerte en contacto con nosotros.