← Volver a proyectos
En desarrollo Propios

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

Astro 5 TypeScript Tailwind CSS Three.js Vanilla JS

Herramientas

VS CodeGit
Ir al inicio

Otros proyectos

Ver detalles
Completado
Propios
Ver detalles

SysAdmin Tools

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

Node.jsTypeScriptExpressMSSQL +3
Ver detalles
En desarrollo
Propios
Ver detalles

Yezzfolio CMS

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

Node.jsExpressTypeScriptPostgreSQL +3
Ver detalles
Completado
Propios
Ver detalles

GIDE App

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

ReactNode.jsExpressMySQL +2