Clon de Google Meet – Parte 3: FUNCIONALIDAD REACT

Channel	Publish Date	Thumbnail & View Count	Download Video
	Publish Date not found	0 Views	View on YouTube Download Video

En esta capacitación GRATUITA, creemos un clon de Google Meet/Zoom desde cero usando EXPRESS, REACT, NODE, REDIS.

Como sabemos, la mayor parte de la vida social y laboral se desarrolló en línea y eso provocó una evolución en los servicios para compartir videos como Zoom, Google Meet y muchos otros. Hoy, vamos a crear una aplicación que le permitirá chatear por video con sus amigos y colegas tan bien como lo hace Zoom o Meet.

Aplicación implementada: https://g-meet.herokuapp.com/

Parte 1: HTML/CSS – https://youtu.be/eNKKKPHKdwE
Parte 2: NODEJS – https://youtu.be/NJB-5m1jWq4
Parte 3: FUNCIONALIDAD REACT – https://youtu.be/JDfh15cZBoU

Características:
1. Llamadas de video/audio uno a uno.
2. Compartir pantalla.
3. Funcionalidad básica de chat.
4. Alertas de mensajes.

Usaremos React Hooks como useEffect, useReducer, useContext, useState y más.

El frontend será de Reactjs, axios, moment, node-sass, react router dom, shortid, simple-peer, socket.io-client

Para el backend, usaremos Nodejs/Express para crear nuestra API.
Socket para enviar información de llamadas a otros usuarios.
Y para almacenar información de llamadas usamos Redis.

Espero que disfrutes este video y aprendas algo de él.

Código fuente: https://github.com/akkii922/google-meet-clone

¿Enfrentando algún error?
Error: muchos espectadores informan que no reciben respuesta, incluso si ambos servidores están funcionando.
Soluciones posibles:
server.js – línea número 18
cambia esto
const io (module.exports.io require(/"socket.io/"))(servidor));
a
const io (module.exports.io require('socket.io')(servidor, {
cors: {
origen: '*',
}
}))

¿COMO CONECTAR?
Discordia: https://discord.com/channels/769658446475034664/769658446475034667

Amor desde la codificación en tiempo real

️ CÓMPRALE UN CAFÉ: https://www.buymeacoffee.com/codingrealtime
(Ayuda a respaldar el canal, ¡¡¡gracias !!!)