Mehrsprachiges Portfolio
Dies ist mein Portfolio, hier findet man alle meine persönlichen Projekte sowie deren Details, Links zu Demos, Quellcode, meine Biographie oder meinen Lebenslauf. Die Webseite wurde in 4 Sprachen übersetzt, da sie ausdrücklich für die Mitarbeit am Bachelor-Abschlussprojekt meiner Schwester über technologische Übersetzungen entwickelt wurde.
Merkmale
- Die Webseite ist mehrsprachig: Englisch, Spanisch, Katalanisch und Deutsch.
- Die Übersetzungen wurden von Yolanda Moreno bereitgestellt.
- Das Design basiert auf einer einzigen Seite, auf der meine Biographie, meine Projekte und meine Kontaktdaten angezeigt werden.
- Mein Lebenslauf kann in allen vier Sprachen heruntergeladen werden.
- Zu jedem Projekt gibt es Informationen darüber, welche Merkmale es hat, was ich bei der Entwicklung gelernt habe, Links zum Quellcode und eine Demo.
- Du kannst mit mir Kontakt aufnehmen, indem du das Formular in der Kontaktbereich ausfüllst oder auch per Post oder soziale Netzwerke.
Was ich lernte
- Ein Projekt vorzubereiten, das in vier Sprachen übersetzt werden soll.
- Seiten mittels einer Vorlage dynamisch zu erstellen.
- Statische und dynamische Abfragen mit GraphQL durchzuführen.
- Mit Hilfe des Intersection Observer den aktiven Menübereich auszuwählen, wenn ich durch die Seite blättere.
- Ein Formular hinzuzufügen, das mit einem Back-End verbunden ist, um E-Mails zu versenden.
- Optionen zum Herunterladen von Dateien hinzuzufügen.
- Aspekte der Barrierefreiheit zu berücksichtigen.
- Die Seite in Google mit Google Search Console zu indexieren und für jedes Projekt einen anderen SEO anzugeben.
Technologien
- Front-End: Gatsby mit React (JavaScript), GraphQL, CSS-SASS
- Back-End: Node mit Express