Bitácora de Desarrollo – InnovaTube
Periodo de trabajo: sábado (medio día) a lunes (08:00 a.m.). El desarrollo se realizó en dos
días efectivos, cumpliendo con todos los requerimientos del ejercicio.
Día / Horario Módulo / Actividad Requerimientos Tecnologías /
aproximado Sección realizada cubiertos Herramientas
Día 1 – Sábado Base de datos – Diseño del Soporte para: MySQL /
Medio día – InnovaTube modelo - Registro y Aurora RDS
tarde relacional y autenticación (modelo inicial)
creación del de usuarios Scripts SQL
esquema de - Manejo de (DDL)
base de datos favoritos por
para la usuario
aplicación - Recuperación
InnovaTube. Se de contraseña y
definieron sesiones
tablas
principales
para usuarios,
sesiones, videos
y favoritos,
considerando
integridad
referencial y
soporte para
tokens de
seguridad.
Día 1 – Sábado Backend – Creación del Base para: .NET API
Tarde – noche Usuarios y proyecto - MySqlConnecto
autenticación backend (.NET /api/Auth/regi r
(estructura) API) y ster Patrón de
configuración - servicios y
de la conexión a /api/Auth/logi repositorios
la base de n
datos. Se - Manejo de
implementaron errores y
entidades y validaciones de
repositorios campos básicos
iniciales para
usuarios, así
como el
esqueleto de los
endpoints de
registro y login.
Día 2 – Backend – Finalización de Requerimientos .NET API
Domingo Autenticación la lógica de : BCrypt para
Mañana – avanzada autenticación: - Registro de hashing
mediodía validaciones de usuarios JWT para
datos, hashing - Inicio de autenticación
de contraseñas sesión por Patrón de
con BCrypt, usuario o servicios de
generación de correo autenticación
tokens JWT y - Seguridad
estructura para adicional
refresh tokens. (encriptación
Se prepararon de contraseñas,
endpoints para tokens)
recuperación - Recuperación
de contraseña. de contraseña
Día 2 – Backend – Diseño e Requerimientos .NET API
Domingo Gestión de implementació : Tablas videos y
Mediodía – videos y n de las - Listado de user_favorites
tarde favoritos entidades y videos Servicios de
tablas para - Marcado de negocio para
videos y video como favoritos
favoritos. Se favorito
desarrollaron - Listado de
endpoints para favoritos
listar videos - Desmarcar
consultados, video como
marcar un favorito
video como
favorito, listar
favoritos por
usuario y
desmarcar
videos
favoritos.
Día 2 – Backend – Integración con Requerimientos YouTube Data
Domingo Integración con la API de : API
Tarde YouTube y YouTube para - Búsqueda de HTTP Client
validaciones búsqueda de videos de Manejo de
videos. Se YouTube variables de
agregó la lógica - Soporte para entorno para
para recibir un listados API Key
término de paginados/filtr
búsqueda, ados
consultar
videos en
YouTube y
normalizar la
respuesta para
el frontend. Se
agregaron
validaciones y
manejo de
errores.
Día 2 – Frontend – Creación del Base para: React + Vite
Domingo Estructura proyecto - Sección React Router
Tarde – noche general frontend (React principal de la localStorage
con Vite) y app para sesión
definición de la - Navegación
estructura de con nombre de
carpetas. usuario
Configuración autenticado
del enrutador, - Opción de
layout cerrar sesión
principal, barra
de navegación y
manejo de
sesión en el
cliente
(localStorage).
Día 2 – Frontend – Implementació Requerimientos React
Domingo Registro, login n de las : Biblioteca de
Tarde – noche y recuperación pantallas de - Registro de componentes
registro, inicio usuarios UI (formularios,
de sesión y - Inicio de botones,
recuperación sesión alertas)
de contraseña. (usuario/corre Integración de
Se agregaron o + contraseña) Google
validaciones de - ReCaptcha en reCAPTCHA
formulario en el registro Llamadas HTTP
cliente y la - Recuperación al backend
integración con de contraseña
reCAPTCHA
para el registro.
Día 2 – Frontend – Creación de la Requerimientos React
Domingo Listado de vista principal : Componentes
Noche videos de videos con - Listado de reutilizables
buscador. Se videos con (tarjetas de
implementó el buscador video)
consumo del - Opción para Llamadas a
backend para marcar video endpoints de
buscar videos, como favorito búsqueda de
renderizar videos
tarjetas con
título, canal,
miniatura y el
botón para
marcar como
favorito.
Día 2 – Frontend – Implementació Requerimientos React
Domingo Favoritos n de la sección : Hooks de
Noche de favoritos, - Listado de estado y efectos
mostrando favoritos con Consumo de
todos los videos buscador endpoints
marcados por - Opción para /favorites
el usuario desmarcar
autenticado. Se video como
incluyó favorito
buscador,
opción para
desmarcar
video como
favorito y
actualización
en tiempo real
de la lista.
Día 2 – Infraestructura Despliegue de Soporte para AWS RDS /
Domingo – Base de datos la base de datos operación en Aurora
Noche – Lunes en AWS en AWS producción del MySQL
08:00 a.m. utilizando módulo de Workbench
Aurora/RDS. Se usuarios, (migraciones)
crearon el sesiones, videos Parámetros de
esquema y y favoritos. conexión
tablas en el seguros
entorno de
producción, se
configuró el
usuario de base
de datos y se
probaron las
conexiones
desde el
backend.
Día 2 – Infraestructura Construcción Plus del Docker
Domingo – Backend en de la imagen ejercicio: AWS App
Noche – Lunes AWS App contenedorizad - Uso de Runner
08:00 a.m. Runner a del backend y contenedores Variables de
despliegue en - Despliegue de entorno
AWS App la API en la Logging básico
Runner. nube en la API
Configuración - Seguridad
de variables de adicional en
entorno configuración
(cadena de
conexión, API
key de
YouTube,
secreto JWT,
etc.), y pruebas
de los
endpoints
públicos (por
ejemplo,
Swagger/Healt
h Check).
Día 2 – Lunes Infraestructura Configuración Entregable: Netlify (build y
Madrugada – – Frontend en del proyecto en - Despliegue de deploy)
08:00 a.m. Netlify Netlify, la aplicación Vite build
definición de web público Pruebas
las variables de - Validación de funcionales en
entorno con la que todos los navegador
URL pública del requerimientos (desktop y
backend y funcionales móvil)
despliegue final están cubiertos
del frontend. Se
realizaron
pruebas end-to-
end: registro de
usuario, login,
búsqueda de
videos,
marcar/desmar
car favoritos y
cierre de
sesión.
Día 2 – Lunes Revisión final y Revisión Confirmación Repositorio
Cierre evidencias cruzada de de GitHub/GitLab
todos los cumplimiento Pruebas
módulos contra de: manuales
los - Registro / Capturas de
requerimientos login / pantalla y notas
del ejercicio. recuperación de bitácora
Verificación del - Búsqueda y
diseño favoritos de
responsivo, YouTube
funcionamiento - Navegación,
de reCAPTCHA, cierre de sesión
manejo de y diseño
sesiones y responsivo
favoritos. - Plus de
Documentación seguridad,
de evidencias y contenedores y
actualización despliegue en
del repositorio nube
con los últimos
cambios.