Despliegue de Portafolio Profesional Full-Stack

🚀 Resumen del Proyecto

Despliegue de un portafolio web moderno, responsivo y seguro, montado sobre una arquitectura Cloud autogestionada. El sistema implementa un flujo completo de captura de datos en el frontend y procesamiento en el backend para la automatización de mensajería.

🛠️ Stack Tecnológico

• Frontend: HTML5, CSS3, Bootstrap 5.3.3 (Estilos adaptativos y modo oscuro dinámico).
• Backend: Python, FastAPI (Framework asíncrono de alto rendimiento), Pydantic (Validación de esquemas de datos).
• Servidor y Cloud: Oracle Cloud Infrastructure (OCI) (Instancia Compute Ubuntu Linux), Nginx (Servidor web y Proxy Inverso).
• Automatización de Mensajería: Protocolo SMTP integrado con smtplib y email.mime.

📝 Proceso de Desarrollo Paso a Paso

Paso 1: Configuración de la Infraestructura en la Nube

• Creación y aprovisionamiento de una máquina virtual Ubuntu en Oracle Cloud (OCI).
• Configuración de listas de seguridad del sistema (Firewall) abriendo puertos HTTP (80) y HTTPS (443).
• Acceso SSH cifrado mediante llaves criptográficas privadas para la gestión del servidor.

Paso 2: Construcción de la API en el Backend

• Desarrollo de una API REST con FastAPI implementando el endpoint seguro POST /api/contact.
• Definición de esquemas de datos estructurados con Pydantic Models (ContactForm) para garantizar la recepción estricta de tipos de datos (EmailStr y str).
• Programación del motor de mensajería asíncrona mediante un socket SMTP conectado al puerto TLS de salida.

Paso 3: Frontend e Integración Asíncrona (AJAX)

• Maquetación responsiva utilizando componentes interactivos de Bootstrap.
• Implementación de JavaScript moderno mediante la Fetch API (async/await) para transferir los datos del formulario en formato JSON nativo sin recargar la página (e.preventDefault()).