Portfolio Website

Eine statische Portfolio-Website mit Astro, TypeScript-Islands, Three.js und Sass.


GitHub
Portfolio Website

Format

Web-App

Zeitraum

2020–heute

Stack

  • Astro
  • TypeScript
  • Three.js
  • Sass

Kontext

Persönliches Projekt

Übersicht

Diese Portfolio-Website wurde in Figma entworfen und als statische Site mit Astro, Sass und Three.js-Client-Islands umgesetzt. Die Entwicklung begann 2020; die Site wurde vom LAMP-Stack auf Astro migriert, für schnellere Ladezeiten und einfacheres Deployment. Projektmetadaten liegen in Markdown-Content-Collections, wodurch Case Studies organisiert und versionskontrolliert bleiben. Der Homepage-Filter unterstützt weiterhin individuelle Portfolio-Links bei Bewerbungen – zum Beispiel nur Unity-Projekte anzeigen.

Historisches ER-Diagramm der Portfolio-Datenbank (LAMP-Stack vor Astro).
Historisches ER-Diagramm der Portfolio-Datenbank (LAMP-Stack vor Astro).

Ziele

Das primäre Ziel der Portfolio-Website, auf der Sie sich gerade befinden, ist es, potenziellen Arbeitgebern und Partnern meine Fähigkeiten, Erfahrungen und Interessen zu vermitteln. Das sekundäre Ziel ist es, Full-Stack- und Static-Site-Entwicklung zu praktizieren und dabei grundlegende Fähigkeiten zu zeigen. Weitere Ziele sind der Austausch mit Design- und Entwickler-Communities sowie das Ausprobieren verschiedener Technologien und Ideen.

Screenshot from Blender, where I cleaned up the photogrammetry capture of myself, which was created with RealityCapture.
Screenshot from Blender, where I cleaned up the photogrammetry capture of myself, which was created with RealityCapture.

Prozess

Before starting development, I first began by browsing the web for inspiring portfolios. I created a collection of links und based off this created a moodboard.

Dieser Inhalt wird von Figma bereitgestellt. Beim Laden können Daten an den Anbieter übertragen werden.

Privacy-Einstellungen