Multilingual Portfolio
This is my Portfolio, in it you will find all my personal projects as well as details about them, links to demos, source code, my biography or my curriculum. The page has been translated into 4 languages, since it has been developed expressly to collaborate in my sister's Bachelor's Degree Final Project on technological translations.
Features
- This is a multi-language website: English, Spanish, Catalan and German.
- Translations provided by Yolanda Moreno.
- The design is based on a single page showing my biography, my projects and contact details.
- My curriculum can be downloaded in all four languages.
- Each of the projects shows information about what features it has, what I learned in developing it, links to the source code and a demo.
- You can contact me by filling out the form in the contact section or else by mail or social networks.
What I learned
- How to prepare a project to be translated into four languages.
- How to dynamically generate pages through a template.
- How to perform static and dynamic queries with GraphQL.
- How to select the active menu section when scrolling through the page using the Intersection Observer.
- How to add a back-end linked form to send emails.
- How to provide options for downloading files.
- How to take into account Accessibility issues.
- How to index the page in Google with the Google Search Console and to specify a different SEO for each project.
Technologies
- Front-end: Gatsby with React (JavaScript), GraphQL, CSS-SASS
- Back-end: Node with Express