LittlePigman Portafolio
Portafolio interactivo estilo OS retro para artistas pixel art y 3D, con visor 3D integrado y gestión de contenido vía Yezzfolio CMS.
Galería
Descripción
Interfaz de dispositivo personal retro-futurista (estilo GBA/JRPG de 16 bits) que reemplaza el portafolio clásico de scroll infinito. Tres vistas (Perfil, Directorio, Comms) con estadísticas RPG, galerías de assets, modelos 3D interactivos y formulario de contacto. Consumo de datos desde Yezzfolio CMS vía JSON estático. Astro SSG con Three.js.
Problemas que resuelve
Los artistas de pixel art y 3D necesitan un portafolio que muestre trabajo complejo (modelos 3D, sprites, texturas), no solo thumbnails. Las soluciones clásicas son scroll infinito genérico. Además, los assets 3D pesados requieren almacenamiento costoso — este proyecto los sirve desde Google Drive vía Yezzfolio sin costo de ancho de banda.
Funcionalidades destacadas
- Interfaz retro-futurista estilo Game Boy Advance con 3 vistas (Perfil, Directorio, Comms) sin recargas
- Visor 3D interactivo con Three.js: wireframes procedurales y modelos GLTF texturizados
- Estadísticas del artista en formato RPG (barras de XP, skills) con fuente pixel VT323
- Sistema bilingüe ES/EN nativo con rutas /es/ y /en/ y contenido de proyectos duplicado por idioma
- 100% estático (Astro SSG): hosting gratis en cualquier CDN, cero backend en runtime
- Consume datos de Yezzfolio CMS vía JSON estáticos — el artista publica sin tocar código
Arquitectura
Frontend Astro 5 SSG con hidratación cero. TypeScript solo en build time, Vanilla JS en runtime. Tailwind CSS con tree-shaking automático. Three.js desde CDN para visor 3D (wireframes + GLTFLoader). Paleta Purple Synthwave con variables CSS. Fuente VT323 con image-rendering: pixelated. i18n con rutas /es/ y /en/ + redirect desde /. Componentes .astro puros: Sidebar, Panel, StatBar, ProjectCard, ThreeViewer + 3 vistas (ViewProfile, ViewDatabase, ViewComms).
Tiempo de desarrollo
En desarrollo
Stack tecnológico
Herramientas
Otros proyectos












SysAdmin Tools
Dashboard de administración empresarial para entornos retail multi-sucursal con monitoreo de infraestructura POS y pantallas.


Yezzfolio CMS
CMS headless para portafolios de artistas con integración de Google Drive y exportación estática automatizada.



GIDE App
Aplicación web para la Gestión de Información del Departamento de Epidemiología de salud pública.