Portfolio interactivo de Ivan Agustin Zarate con una experiencia inspirada en Windows XP. El sitio funciona como escritorio navegable: ventanas arrastrables, menu de inicio, visor de CV actualizado, proyectos embebidos, automatizaciones n8n, integraciones con APIs publicas y aplicaciones retro funcionales.
- Portfolio: iazarate.com
- GitHub: @IAZARA
- LinkedIn: ivan-agustin-zarate
- ForzaTech: forzatech.com.ar
portfolio windows-xp vanilla-javascript frontend full-stack automation n8n rest-api web-audio canvas-games pdf-viewer interactive-ui minesweeper paint github-pages
- Escritorio estilo Windows XP con pantalla de arranque y login.
- Sistema de ventanas con arrastre, foco, minimizar, maximizar, cierre animado y botones activos en taskbar.
- Menu de inicio con accesos a CV, documentos, proyectos, contacto, redes, juegos y accesorios.
- Wallpaper HD original e iconos SVG nítidos para escritorio, taskbar y ventanas.
- Visor de CV actualizado en PDF.
- Carpeta Mis Documentos con CV, perfil profesional, notas y accesos a proyectos.
- Explorador de proyectos con vista de iconos/lista y detalle embebido.
- Proyectos destacados: ZarateXP, OSINTArgy, ForzaTech, Estudio Luttini, WJPC Capitulo Argentino, automatizaciones n8n y sistemas full-stack.
- API Center con Open-Meteo, wttr.in, GitHub REST y REST Countries, cache local, loading/error states y fallback.
- Apps retro: Winamp Pro, Paint mejorado, Buscaminas robusto, Solitario, Pinball, Bloc de notas y WordPad.
- PDF Studio para abrir PDFs locales, revisar el CV, anotar observaciones y usar File/Blob APIs.
- Panel de control para personalizar fondo, tema, iconos, efecto CRT y taskbar.
- Flujos n8n visuales con simulacion funcional de ejecucion.
- Assets visuales actualizados para perfil full-stack, automatizacion y productos de datos.
- HTML5
- CSS3 modular
- JavaScript ES modules
- Fetch API, Web Audio API, Canvas 2D, File API y localStorage
- XP.css para componentes visuales base
- EmailJS para formulario de contacto
- Assets estaticos listos para GitHub Pages
- API Center: consumo REST real de clima, repositorios y datos publicos con cache, proveedor secundario y manejo de errores.
- Winamp XP Pro: reproductor con playlist, visualizador Canvas, ecualizador y loops generados con Web Audio.
- PDF Studio: visor de CV/PDF local con zoom, rotacion, descarga, impresion y notas persistentes.
- Buscaminas XP: primer clic seguro, banderas, dudas, timer, dificultades y deteccion de victoria/derrota.
- Paint XP: herramientas de dibujo, relleno, cuentagotas, texto, formas, undo/redo y exportacion PNG.
- Solitario y Pinball: juegos propios estilo XP para mostrar logica de juego, estado y Canvas.
- Mis Documentos: CV actualizado y accesos rapidos a proyectos, perfil, notas y automatizaciones.
- Flujos n8n: canvas visual con nodos, estado de ejecucion y log funcional.
- Panel de control: personalizacion persistente del escritorio.
git clone https://github.com/IAZARA/ZarateXP-Portfolio_v1.git
cd ZarateXP-Portfolio_v1
python -m http.server 8080Abrir:
http://localhost:8080
Tambien se puede abrir index.html directamente, aunque el servidor local evita problemas de rutas al cargar componentes.
.
├── index.html
├── css/
├── js/
├── components/
├── assets/
│ ├── images/
│ ├── readme/
│ └── sounds/
├── images/
│ ├── icons/
│ └── sobremi/
└── Ivan_Zarate_CV.pdf
El CV principal versionado es Ivan_Zarate_CV.pdf. La app de CV lo muestra directamente desde el PDF para evitar capturas desactualizadas.
Los proyectos con URL publica pueden mostrarse embebidos dentro del explorador. Si un navegador bloquea una vista, el detalle incluye boton para abrir el sitio en una pestana nueva.
Ivan Agustin Zarate
Full Stack Developer & Automation Integrator
iazarate.com | github.com/IAZARA | forzatech.com.ar