Problema
El portfolio debía diferenciarse visualmente sin convertir la experiencia de sistema operativo en una barrera para consultar proyectos, CV o contacto.
Portfolio técnico / aplicación web interactiva
RosadoOS
David Rosado Cantos · Full-stack Developer · Automatización e IA aplicadaDiseñé y desarrollé un portfolio inspirado en un sistema operativo para presentar experiencia, proyectos y capacidades técnicas mediante una interfaz web accesible y adaptable.
Ficha rápida
- Estado
- Proyecto propio
- Tipo
- Portfolio técnico / aplicación web interactiva
- Rol
- Diseño y desarrollo full-stack
- Contexto
- Proyecto personal orientado a presentar experiencia profesional, proyectos y contacto dentro de una interfaz tipo sistema operativo.
- Stack
- Next.js, React, TypeScript, Tailwind CSS, TinaCMS
Las funcionalidades y el stack descritos están verificados en este repositorio. No se publican métricas de impacto.
Caso resumido
Mi aportación
Arquitectura, implementación frontend y backend, modelado de contenido, integración de TinaCMS, experiencia responsive y accesibilidad básica.
Solución
Construí un entorno web con secuencia de arranque, inicio de sesión visual, escritorio, ventanas, lanzador móvil, rutas públicas, contenido editable y exportación del CV en PDF.
Resultado
El resultado es un portfolio funcional con navegación tipo OS, rutas públicas, CV descargable, contenido administrable y experiencias específicas para escritorio y móvil.
Puntos clave
- Gestor de ventanas con foco, minimizado, maximizado y cierre.
- Lanzador móvil con apps y paneles a pantalla completa.
- Terminal segura, navegador interno y sistema de archivos local.
- CV web con generación de PDF desde backend.
- Contenido editable mediante TinaCMS y flujo editorial sobre GitHub.
Decisiones
- Separé la lógica del sistema operativo del contenido editable y normalicé las fuentes JSON antes de renderizarlas.
- Diseñé la experiencia móvil como un lanzador con apps a pantalla completa en lugar de comprimir el escritorio.
- Limité la terminal a una lista cerrada de comandos que solo leen contenido público o abren apps internas.
- Mantuve Files como un sandbox en localStorage, sin acceso al disco ni al sistema real.
- Generé el CV desde backend y conecté el flujo editorial del CMS con la API de GitHub.