💼 Portafolio LX — Portafolio Personal Frontend (React 19 + TypeScript 5.8)
Vitrina Personal Minimalista Enfocada en React Moderno y Tipado Estricto
Portafolio LX es una iteración pulida del portafolio personal de Alex Lazo orientada a resaltar competencias avanzadas en ingeniería frontend. Construida sobre el ecosistema React 19.2 y TypeScript 5.8 con empaquetado ultra veloz mediante Vite, presenta proyectos, habilidades técnicas y filosofía de desarrollo con un diseño limpio, sobrio y de alto contraste.
- 💻 Repositorio GitHub: github.com/Alecwce/portafolio-lx (Privado)
- 🛠️ Stack: React 19.2 + TypeScript 5.8 + Vite + Tailwind CSS + PostCSS
✨ Características de la Aplicación
flowchart TD Visitante([🌐 Reclutador / Tech Lead]) <--> LX["💼 Portafolio LX\n(React 19 + Vite + Tailwind)"] LX --> Hero["👋 Hero Section\n(Perfil técnico, propuesta de valor y disponibilidad)"] LX --> Skills["⚡ Tech Stack & Dominios\n(React, Next.js, TypeScript, Tailwind, Rust)"] LX --> Projects["🚀 Proyectos Destacados\n(Cards interactivas con badges y enlaces en vivo)"] LX --> Contact["📬 Contacto Directo\n(Formulario validado y enlaces a redes profesionales)"]
- Adopción Temprana de React 19:
- Aprovecha las nuevas capacidades de compilación y optimización de renderizado de React 19.
- Tipado de Élite con TypeScript 5.8:
- Definición rigurosa de interfaces para proyectos, habilidades y componentes para garantizar cero errores en tiempo de ejecución.
- Estilo Minimalista y Accesible:
- Paleta cromática oscura con contrastes nítidos, animaciones sutiles y cumplimiento riguroso de accesibilidad web.
- Contexto para Agentes de Código (
CONTEXT.md):- Incorpora documentación de contexto dedicada en la raíz del repositorio para que asistentes de código IA puedan mantener la consistencia del diseño.
🛠️ Stack Tecnológico
| Herramienta | Versión | Rol |
|---|---|---|
| Biblioteca de UI | React 19.2 | Renderizado reactivo y componentes modulares |
| Lenguaje | TypeScript 5.8 | Tipado estático y autocompletado en desarrollo |
| Bundler & Servidor | Vite | Recarga instantánea en caliente (HMR) y build de producción |
| Framework de Estilos | Tailwind CSS + PostCSS | Utilidades atómicas y diseño adaptable a pantallas móviles |
| Calidad de Código | ESLint + Prettier | Formateo consistente y análisis estático |
🚀 Comandos de Desarrollo
# Instalar dependencias
npm install
# Servidor local de desarrollo
npm run dev
# Compilar para producción
npm run build
# Previsualizar el bundle de producción
npm run preview🔗 Relación con el Sistema
- 🌐 Otras Iteraciones: Conecta con Portfolio v2 Next.js 15 y Portafolio Personal Web.
- 📋 MOC de Proyectos: Documentado en Proyectos Privados.