René Pérez

Ingeniero Informático · Full Stack (NestJS/FastAPI, React/TS)

Volver al inicio

2025

Portafolio Desktop

ReactTypeScriptViteFramer MotionCSS Modules
Portafolio Desktop

Descripción

Aplicación web interactiva que replica la interfaz de usuario de sistemas operativos de escritorio clásicos de principios de los 2000 (Windows XP, GNOME 2, KDE 3).

Sistema de ventanas completamente funcional con drag & drop, resize, minimize, y z-index dinámico. Incluye barra de tareas estilo Windows, menú de inicio, selector de temas visuales retro, y accesibilidad ARIA.

Rol

Diseño e implementación completa: arquitectura frontend, Window Manager centralizado, sistema de temas, componentes reutilizables, y responsive design.

Stack

Frontend: React 19, TypeScript, Vite, CSS Modules, Framer Motion, react-rnd.

Arquitectura: Context API, custom hooks, error boundaries, component composition.

Logros/Features

  • Window Manager centralizado con gestión de estado global
  • Sistema de ventanas draggable/resizable con react-rnd
  • Z-index dinámico y animaciones con Framer Motion
  • 2 temas visuales retro y Transparente oscuro.
  • Layout responsive: desktop con ventanas flotantes, mobile con scroll tradicional
  • Accesibilidad ARIA y navegación por teclado
  • Persistencia de layout en localStorage
  • Repos

    https://github.com/Rep235/portafolio_desktop

    Galería del Proyecto

    Portafolio Desktop - Imagen 1
    Portafolio Desktop - Imagen 2
    Portafolio Desktop - Imagen 3
    Portafolio Desktop - Imagen 4