Proyectos Portfolio: Clon de Google Search

Portfolio: Clon de Google Search

De Wikipedia, la enciclopedia libre

El Portfolio de Bruno Simone es un sitio personal construido como una recreación pixel-perfect de Google Search y Wikipedia, cuya metáfora invita al visitante a "buscarlo en Google".

1 · Problema

Un CV tradicional no diferencia a un desarrollador full-stack de otro. El desafío era demostrar habilidad técnica, atención al detalle y creatividad en el propio medio del producto, no describirlas en una lista de bullets.

2 · Decisiones de diseño

  • Metáfora "buscame en Google": recrear Search + Wikipedia pixel-perfect en lugar de un layout de portfolio genérico.
  • UX intuitiva y familiar: al reutilizar patrones que todo el mundo ya conoce (Google, Wikipedia), un reclutador navega sin fricción y sabe qué esperar en cada paso.
  • Next.js 16 (App Router) con rutas /, /search y /wiki; estado de búsqueda en la URL.
  • Bilingüe ES/EN con contexto de i18n: todo el texto es traducible.
  • Un único componente de tarjeta de resultado reutilizado en las pestañas y en los proyectos.

3 · Solución

La navegación reproduce el recorrido real de una búsqueda: Home → resultados con knowledge panel → artículo de Wikipedia. Las pestañas (Perfil / Experiencia / Proyectos / Contacto) organizan el contenido reutilizando un único componente de tarjeta de resultado.

screenshot: flujo home → search → wiki · 16:9