Web que te da información de artistas musicales y la letra que escojas mediante una consulta con axios a dos apis simultáneamente. Solo tienes que rellenar un pequeó formulario con el artista o grupo y la canción de ese artista/s de los cuales busques información.
https://bio-y-letra-artistas-musicales.netlify.app/
- Create React App. - Usado para crear la base del proyecto con React
- API Lyrics.ovh - API de donde tomo los datos de las letras de canciones
- API TheAudioDB - API de donde tomo la información de los artistas (nombre, género musical, empresa, etc)
- Bootswatch - Un theme para Bootstrap. Se encarga del aspecto y responsive de la web.
- FontAwesome Icons - Tomo 4 iconos para mostrar las redes sociales del artista o artistas.
- React useState Hook - Para el estado de búsqueda de la letra o info del artista, nombre de la canción, error, búsqueda del formulario...
- React useEffect Hook - Para consultar las dos API en simultáneo cada vez que cambie el state de busquedaLetra
- Axios - Librería de JavaScript que uso como cliente HTTP para consultar las API y obtener respuestas sencillas
- JavaScript ES6+ - Últimos estándares de JavaScript
- Carga condicional de componentes
- PropTypes - Verificación de los tipos de las props.
Clona o haz fork del repositorio. Abre el proyecto en tu consola y escribe el comando:
npm install
Te instalará las dependencias del proyecto, luego usa el comando:
npm start
Iniciará el proyecto en modo desarrollador en tu navegador. Se abrirá automáticamente:
La página se recargará si haces y guardas cambios en el código. También verás errores en la consola (si los hubiese)