Uso de la API de Spotify

El mayor problema que nos puede presentar la API de Spotify es la autenticación del usuario, sí que es verdad que la mayoría de las peticiones tiene un cierto limite de envío de datos, esto quiere decir, que, si por ejemplo queremos mostrar nuestras listas de reproducción, la api solo nos devolverá 50 resultados. Este problema lo podremos solucionar con un bucle realmente sencillo, pero para ello debemos conocer la cantidad de listas que tenemos, lo veremos mas adelante. Primeros Pasos Lo primero de todo es crear nuestro proyecto de react con el…continue reading →

Integración API NLPCloud en VUE.js para el uso de modelos neuronales remotos desde un cliente

Introducción y objetivos Hola buenas, en este post les voy a explicar cómo conectar de manera muy sencilla un proyecto de VUE.js desde 0 a un modelo neuronal. He decidido basarme en los modelos alojados en NLPCloud, que es una plataforma que da acceso libre a los desarrolladores y usuarios para que trabajen con ciertos modelos. Estos modelos, de diferentes temáticas, (desde generadores de texto, a imágenes) preentrenados con un gran volumen de datos, son modelos desarrollados por empresas privadas como Facebook, DeepMind o Google, y dependiendo de la categoría algunos se encuentran…continue reading →

Uso del buscador de la librería Fuzzy en Vue

Introducción Hola, bienvenidos al post donde veremos como trabajar con la librería de node Fuzzy en Vue Js. Esta librería nos permite integrar un buscador en nuestra página web en cuestión de minutos. https://www.flickr.com/photos/197047466@N06/52527676239/in/dateposted-public/ Tendréis disponibles al final del post el código de GitHub con varios ejemplos para que veáis el potencial y el funcionamiento de este buscador, además del repositorio del autor de la librería. Requisitos Para poder seguir este tutorial correctamente, es necesario tener Vue Js instalado y crear un proyecto para ello ejecutaremos el siguiente comando: vue create nombredelproyecto En este…continue reading →

CONVERTIDOR DE DIVISAS CON VUEX

Este post está creado para probar una de las tecnologías más destacables de vue.js como, en nada más y nada menos, que vuex en una aplicación de convertidor de divisas. Esta aplicación es la solución para que una compañía de viajes que opera en algunos paises de Europa, Oceanía y en Estados Unidos utilice esta herramienta software para sus clientes. Lo primero será instalar vuex con el siguiente comando: npm install vuex@next. https://flic.kr/p/2o2LtJv Comando de instalación de VUEX. Se crea la tienda, que contendrá en su estado, y el valor de la moneda…continue reading →

Login Y Registro con AUTH0 en REACT

En este post vamos a enseñar como utilizar AUTH0 un proveedor de autenticación a REACT Lo primero es registrarse en AUTH0 https://www.flickr.com/photos/197088457@N08/52525159594/in/shares-10d138Xtp5/ Elegimos other y pinchamos en el checkbox para cambiar de región nuestra cuenta https://www.flickr.com/photos/197088457@N08/52525159584/in/shares-tSDkT4sSVz/ Elegimos el nombre del dominio que queramos y la regio EU https://www.flickr.com/photos/197088457@N08/52524411962/in/shares-m0PBz7Q821/ Pulsamos en el botón de crear aplicación https://www.flickr.com/photos/197088457@N08/52525159564/in/shares-nYC243pYb0/ Pinchamos en single page applications ya que es para una aplicación de React y pulsamos crear https://www.flickr.com/photos/197088457@N08/52524878616/in/shares-59071Xq863/ Le decimos que es para una aplicación de REACT https://www.flickr.com/photos/197088457@N08/52525431418/in/shares-X38tEks99e/ Pulsamos en el enlace de para conseguir la application keys…continue reading →

Implementación de librería Hammer.JS en React

Para la creación de este proyecto, crearemos un proyecto de React. Para ello deberemos tener instalado el Composer y el Node.js en nuestro ordenador Una vez instalados, ejecutaremos en la cmd la siguiente línea dentro de la carpeta donde queramos crearlo -> npx create-react-app pruebaapp Cuando cree el proyecto aplicaremos en la cmd -> cd pruebaapp (pruebaapp es el nombre que quieran darle, debe ser todo minuscula). Una vez dentro, instalaremos la siguiente línea -> npm install react-hammerjs --force (Aplicamos force, debido a que hay un conflicto con otra carpeta de archivos, si…continue reading →