Este proyecto es la representación visual y técnica de mi trayectoria como arquitecto de software. Ha sido desarrollado bajo los estándares de ingeniería de Dsion Group, aplicando el conocimiento adquirido en la creación de infraestructuras Multi-SaaS escalables y robustas.
Este portafolio trasciende la estética; es una implementación de mejores prácticas de desarrollo y tecnología avanzada. Mi objetivo es demostrar cómo la arquitectura limpia y la soberanía tecnológica (desarrollo desde scratch) generan productos digitales de alto valor.
| Capa | Tecnología | Justificación |
|---|---|---|
| Framework | Next.js 15 | Estándar actual para aplicaciones web de alto rendimiento y SEO optimizado. |
| Estilos | Tailwind CSS | Control total de la UI Cyberpunk sin comprometer la velocidad de carga. |
| Animaciones | Framer Motion | Orquestación de efectos de glitch y estados de terminal inmersivos. |
| Infraestructura | GitHub Pages | Despliegue estático de alta disponibilidad. |
| Messaging | EmailJS | Integración de servicios de comunicación en entornos serverless. |
Siguiendo nuestra metodología interna en Dsion Group, documentamos cada paso crítico:
- ADR-001: Glitch & Neon UI: Implementación de efectos visuales mediante
clip-pathy pseudo-elementos para mantener un Lighthouse Score de 100. - ADR-002: Terminal Functional Logic: Se decidió usar un sistema de estados en React para simular una sesión SSH real en la sección de contacto.
- ADR-003: Privacy First: Toda la información sensible de la compañía se mantiene fuera del repositorio público, utilizando secretos de GitHub Actions para el despliegue.
- Clonar repositorio:
git clone [https://github.com/tu-usuario/portfolio-dsion.git](https://github.com/tu-usuario/portfolio-dsion.git)
- Instalar dependencias:
npm install
- Variables de Entorno (.env.local):
NEXT_PUBLIC_EMAILJS_SERVICE_ID=tu_id NEXT_PUBLIC_EMAILJS_TEMPLATE_ID=tu_template NEXT_PUBLIC_EMAILJS_PUBLIC_KEY=tu_key
- Lanzar servidor de desarrollo:
npm run dev
- Hero Section: Animación cromática "Vidal Numa" con estilo retro-futurista.
- Interactive Terminal: Formulario de contacto funcional integrado en un shell simulado.
- Professional Profile: Visualización detallada de competencias técnicas y arsenal tecnológico.
- Timeline: Línea de tiempo dinámica de trayectoria laboral.
Javier Vidal Numa Founder & CTO en Dsion Group
Mi mayor recurso es mi conocimiento, y este portafolio es la evidencia de cómo aplico dicho conocimiento como arquitecto para el beneficio de la compañía.
Este proyecto es propiedad intelectual de Javier Vidal Numa. Desarrollado con el rigor técnico que define a Dsion Group.