en / es / ca / de

Portafolio multilenguaje

Imagen principal del proyecto.

Este es mi Portafolio, en él encontrarás un listado de todos mis proyectos personales y detalles sobre ellos, además de enlaces a demos, código fuente, mi biografía o mi curriculum. Ha sido traducida a 4 idiomas, ya que ha sido desarrollada expresamente para colaborar en el trabajo de fin de grado de mi hermana sobre traducciones tecnológicas.

Código fuente

Características

  • La página es multilenguaje: inglés, castellano, catalań y alemán.
  • Traducciones a cargo de Yolanda Moreno.
  • El diseño se basa en una sola página en la que se muestra mi biografía, mis proyectos y datos de contacto.
  • Mi curriculum está diponible para descargar en los cuatro idiomas.
  • Cada uno de los proyectos muestra información sobre qué características tiene, qué he aprendido al desarrollarlo y enlaces al código fuente y a una demo.
  • Se puede contactar conmigo rellenando el formulario en la sección de contacto o mediante correo o redes sociales.

Qué he aprendido

  • A preparar un proyecto para ser traducido en cuatro idiomas.
  • A generar páginas dinámicamente a través de una plantilla.
  • A realizar llamadas estáticas y dinámicas con GraphQL.
  • A seleccionar el apartado de menú activo al hacer scroll por la página mediante el Observador de Intersecciones.
  • A añadir un formulario vinculado a un back-end para enviar correos.
  • A añadir opciones para descargar ficheros.
  • A tener en cuenta aspectos de Accesibilidad.
  • A indexar la página en Google con Google Search Console y a especificar diferente SEO para cada proyecto.

Tecnologías

  • Front-end: Gatsby con React (JavaScript), GraphQL, CSS-SASS
  • Back-end: Node con Express