Full Stack

Reproductor de video responsivo con React

¿Quieres reproducir videos de una web externa o directamente de tu PC? En este post vamos a aprender a crear un reproductor de video desde cero ya sea con videos de webs externas como YouTube, como con videos que tengas en tu propio PC. Para realizarlo será necesaria la instalación del componente React-Player que nos proporciona React. Una vez instalado este componente realizaremos un ejemplo sencillo aunque conciso de como realizar nuestro reproductor. React-Player React-Player es un componente de React para reproducir una variedad de URL, incluidas rutas de archivos, YouTube, Facebook, Twitch,…continue reading →

Creación de Chatbot con React Simple Chatbot

Si has llegado hasta aquí es posible que conozcas lo que es un Chatbot o que tengas curiosidad por descubrir qué es. De ambas formas al acabar de leer este Post, conocerás qué es, cómo funciona a un nivel básico y sabrás como programar tu propio Chatbot de una manera sencilla y eficaz. Un Chatbot es una aplicación que permite simular una conversación real. Sin embargo, como usuarios, estaremos hablando con un montón de código programado con preguntas y respuestas fijas, o bien a día de hoy, con inteligencias artificiales que conocen gran…continue reading →

Como hacer routing en React

¿Cómo realizar una navegación entre componentes de React? Para poder realizar la navegación entre componentes en React, el framework que estamos utilizando en el lado cliente, tiene como prerrequisito principal instalar la librería react router dom. Comandos necesarios Para poder usar tanto bootstrap como react router necesitas usar una serie de comandos que debemos instalar para poder utilizar ambas librerías. Comenzaremos listando los comandos para instalar la librería de react router dom: npm install --save react-router-dom Elaboración del proyecto Una vez tengamos nuestro proyecto creado y estructurado, debemos instalar las librerías necesarias a…continue reading →

Uso de webcam en proyecto React

Hola, soy Álvaro Moya Herraiz, alumno del máster de Desarrollo Web Full Stack, MultiCloud y Multiplataforma y voy a enseñaros a como acceder a la webcam en vuestro proyecto de React. Imaginemos que tenemos una aplicación web con React la cual requiere el uso de la webcam, ya sea para hacer fotos, grabar vídeo en tiempo real, etc. En este post os enseñare detalladamente a hacerlo de forma clara y sencilla Primero de todo, deberemos acceder a nuestro proyecto desde la consola de comandos e introducir el siguiente comando: Gracias a este comando…continue reading →

Realizar operaciones CRUD sobre firestore a través de una app en VUE

En este post vamos a ver como enlazar firebase con una aplicación VUE y realizar operaciones CRUD simples sobre firestore. Para ello vamos a utilizar: FirebaseVUEFirestore Primero debemos crear nuestro proyecto de firebase accediendo a la siguiente URLL https://console.firebase.google.com/ Esta es la consola de firebase y va a ser el lugar donde estará nuestra base de datos de firestore. Una vez dentro debemos crear nuestro proyecto de firebase haciendo clic sobre "Agregar proyecto". https://flic.kr/p/2mK7yTJ Creación de un proyecto firebase Una vez dentro nos pedirá un nombre para el proyecto de firebase, en mi…continue reading →