Proyectos — 09

Proyectos

Académicos y personales: cada caso con su contexto, mi rol, el stack y el resultado. Los que tienen demo en vivo están desplegados en Vercel.

#ProyectoTipoStackAño
01Gem EyesWebReact · Tailwind · Vite2026
02Portafolio Dr. AdriánWebReact · Tailwind · Vercel2026
03Calidoso · CaféWebReact · Tailwind · Vercel2026
04Vitalis · ConsultorioWebReact · Tailwind · Vercel2026
05Eco Muestreo · JoyeríaWebReact · Tailwind · Vercel2026
06Hotel MareaFull-stackNext.js · TypeScript · Drizzle ORM2026
07Aurora · Video HeroFrontendReact · Tailwind · Vite2026
08Integración de IAChat-botIA · META · Tokens2025
09CRUD ClientesFull-stack.NET 8 · Angular · EF Core 82025
01

Gem Eyes

Web · Sitio de estudio creativo · 2026
Contexto
Sitio web para un estudio creativo con una identidad visual audaz: ilustración a pantalla completa, animaciones expresivas y secciones de galería, proceso y contacto.
Rol
Diseño y desarrollo completo
Resultado
Experiencia inmersiva y responsive que destaca el arte del estudio sin sacrificar la velocidad de carga.
ReactTailwindViteVercel
Web
2026
02

Portafolio Dr. Adrián

Web · Portafolio profesional médico · 2026
Contexto
Portafolio digital del Dr. Adrián, especialista médico: una carta de presentación en línea que reúne su perfil profesional, servicios y datos de contacto.
Rol
Diseño y desarrollo
Resultado
Diseño responsive y limpio, desplegado en Vercel.
ReactTailwindVercelResponsive
Web
2026
03

Calidoso · Café

Web · E-commerce para tienda de café · 2026
Contexto
Tienda en línea para Calidoso, negocio de café: catálogo de producto, presentación de marca e interfaz responsive desplegada en Vercel.
Rol
Diseño y desarrollo
Resultado
E-commerce enfocado en conversión, con identidad cálida y navegación clara del catálogo.
ReactTailwindVercelE-commerce
Web
2026
04

Vitalis · Consultorio

Web · Landing para consultorio médico · 2026
Contexto
Sitio web para el consultorio médico Vitalis: presentación institucional de servicios de salud con interfaz responsive y desplegada en Vercel.
Rol
Diseño y desarrollo
Resultado
Estructura pensada para comunicar los servicios, generar confianza y facilitar el contacto de los pacientes.
ReactTailwindVercelResponsive
Web
2026
05

Eco Muestreo · Joyería

Web · E-commerce para joyería artesanal · 2026
Contexto
Tienda en línea para Eco Muestreo, joyería artesanal: catálogo de piezas, presentación de marca e interfaz responsive desplegada en Vercel.
Rol
Diseño y desarrollo
Resultado
E-commerce con estética artesanal, pensado para resaltar cada pieza y facilitar la compra.
ReactTailwindVercelE-commerce
Web
2026
06

Hotel Marea

Full-stack · Next.js + TypeScript · 2026
Contexto
Aplicación web de muestreo construida con Next.js (App Router) y TypeScript, con persistencia mediante Drizzle ORM y despliegue continuo en Vercel.
Rol
Full-stack
Resultado
Arquitectura modular (app, modules, components, db) pensada para escalar, con despliegue continuo en Vercel.
Next.jsTypeScriptDrizzle ORMVercel
Full-stack
2026
07

Aurora · Video Hero

Frontend · React + Tailwind (Vite) · 2026
Contexto
Landing responsive e interactiva construida alrededor de un único video como base de toda la página: el clip queda fijo de fondo y el contenido se desliza encima, reacciona al puntero y responde al scroll.
Rol
Diseño y desarrollo completo
Resultado
Sirve 720p/1280p/1920p según la pantalla (WebM + MP4), con poster + blur-up, dock para controlar el video y soporte de «reducir movimiento».
ReactTailwindViteVideo adaptativo
Frontend
2026
08

Integración de IA

Chat-bot · Tecnologías META · 2025
Contexto
Chat-bot de atención al cliente para un consultorio de Psicología, mediante tokens y entrenamiento enfocado.
Rol
Integración y entrenamiento
Resultado
Alcanzó ~90% en pruebas de satisfacción del cliente.
IAMETATokens~90% CSAT
Chat-bot
2025
09

CRUD Clientes

Full-stack · .NET 8 + Angular · 2025
Contexto
Gestor de clientes (prueba técnica) con API REST en .NET 8 / EF Core 8 y frontend Angular con componentes standalone y signals.
Rol
Full-stack · prueba técnica
Resultado
CRUD completo con búsqueda, paginación, filtros por estado, validación en doble capa, índice único anti-duplicados y documentación Swagger/OpenAPI.
.NET 8AngularEF Core 8SQL ServerSwagger
Full-stack
2025
Extra — Valor agregado

Ciberseguridad en cada entrega

Además del desarrollo, cuento con especialización en Ciberseguridad. Eso significa que la seguridad no es un extra que se cobra aparte ni un parche de última hora: cada proyecto sale endurecido por defecto, protegiendo tu negocio, tus datos y la confianza de tus clientes.

Cabeceras y CSP estrictas

Política de contenido que bloquea scripts no autorizados y clickjacking.

HTTPS + HSTS preload

Cifrado forzado en todas las conexiones, sin excepciones.

Dominio y DNS blindados

Registros CAA y DNSSEC contra secuestro y certificados falsos.

Anti-suplantación de correo

SPF y DMARC en modo estricto: nadie envía correos en tu nombre.

Dependencias vigiladas

Auditoría continua de librerías y parches automáticos.

Datos y credenciales

Cifrado local, mínimo privilegio y divulgación responsable.

›_ La prueba está aquí mismo: este portafolio corre con CSP estricta sin unsafe-inline, HSTS preload, SPF/DMARC en reject, Dependabot y security.txt — calificación A en Mozilla Observatory.