Скачать или смотреть Construí un Chat en Tiempo Real con FastAPI + Vue + WebSockets (Estando Resfriado)

En este video te explico, de forma clara y directa, cómo construir un chat en tiempo real con FastAPI (Python) y Vue usando WebSockets. Verás la arquitectura, el flujo de mensajes, cómo separar eventos de sistema de los mensajes reales del chat, y cómo estructurar un frontend simple y usable con Bootstrap.

Índice:

00:00 Backend.
11:41 Frontend.
22:07 Prueba.
24:27 Repositorio.

🧩 Tecnologías

Backend: FastAPI, Uvicorn, WebSockets

Frontend: Vue 2, Bootstrap 4

Persistencia simple: archivo JSON

✅ Objetivos

Entender cómo funciona un chat realtime de punta a punta

Escribir un backend limpio para difusión de mensajes

Crear un front Vue ordenado y accesible (modal, foco, etiquetas ARIA correctas)

🗂️ Archivos clave

app.py → WebSocket + endpoints + guardado simple

index.html → UI con Vue + Bootstrap (modal, sidebar, chat)

Si te sirve, suscríbete y déjame tu duda en comentarios. 🙌

#fastapi #vuejs #websockets #bootstrap #python #frontend #backend #fullstack