Hola, este es un proyecto de react y vite y para la comunicacion bidireccional se uso la famosa libreria Soccket.io para la logica en el backend, donde dos usuarios en distintos chats puede enviarse mensajes de manera concuerrente, para probarlo abre este enlace que es el app front: https://chatweb-frontend-production.up.railway.app/ en una pestaña, y te aparecera esto:
Enlace de proyecto backend: https://github.com/mattpding11/chatweb-backend
Luego das click donde dice "crear cuenta" y veras esto
Ingresa cualquier Nombre sencillo y una contraseña simple. y le das a registrar.
Despues vuelve al login e ingresae las credenciales que acabaste de crear, y le das al boton enter.
Repite el mismo paso abriendo el front en otra pestaña y registrando otro usuario e ingresar con esa nueva cuenta.
Recagar ambas pestañas una vez hayas ingresando en ambas cuentas en sus respectivas pestañas del navegador
Aqui ya puedes observar mis dos usuarios de prueba con los que estoy enviando mensajes, se indica la fecha del mensaje y quien te lo envia, tambien hay un buscador ya que puedes crear los usuarios que gustes a modo de prueba, ye enviar mensajes a cada chat
Proyecto de chatweb con React, vite, tailwind css y socket client Guía rápida para clonar, instalar dependencias y arrancar localmente una aplicación React + Vite.
Requisitos previos
| Herramienta | Versión mínima | Notas |
|---|---|---|
| Node.js | 18 LTS | Comprueba con node -v |
| npm | 9 o superior | O usa pnpm / yarn si lo prefieres |
| Git | Cualquiera | Para clonar el repositorio |
git clone https://github.com/mattpding11/chatweb-frontend.git
cd chatweb-frontend2. Agregar un archivo llamado ".env" en la raiz de la carpeta y copiar y pegar el contenido del archivo ".env.dev" al nuevo archivo ".env"
npm iy luego,
npm run devDescargar archivo y subir a Postman o Insomnia: chatweb.yaml
