Denis Roeder - Web-Portfolio

https://roederwebalchemy.netlify.app/

Willkommen zu meinem interaktiven Web-Portfolio! Dieses Projekt kombiniert meine Leidenschaft für Webentwicklung mit einem klassischen Arcade-Spiel, um meinen Fähigkeiten auf kreative und unterhaltsame Weise zu präsentieren.

Projektübersicht

Mein Web-Portfolio bietet ein einzigartiges Spielerlebnis, bei dem die Besucher ein Space Invaders-inspiriertes Spiel spielen können, während sie mehr über meine Arbeiten und Fähigkeiten erfahren. Die Webseite ist voll responsiv und passt sich verschiedenen Bildschirmgrößen an, um ein optimales Benutzererlebnis zu gewährleisten.

Technologien

Dieses Projekt wurde mit einer Vielzahl moderner Webtechnologien entwickelt, um ein ansprechendes und funktionales Erlebnis zu bieten:

Frontend

• HTML5: Die Struktur der Webseite wurde mit HTML5 erstellt, um semantische und zugängliche Inhalte bereitzustellen.
• CSS3: Für das Styling der Webseite wurde CSS3 verwendet, einschließlich Flexbox und Animationen, um ein attraktives und reaktionsschnelles Design zu ermöglichen.
• JavaScript: JavaScript wurde verwendet, um die interaktive Funktionalität des Spiels zu implementieren, einschließlich der Steuerung des Spielers, der Bewegung der Aliens und der Kollisionserkennung.
• Media Queries: Media Queries wurden eingesetzt, um die Webseite auf verschiedenen Geräten und Bildschirmgrößen optimal darzustellen.

Multimedia

• Audio: Hintergrundmusik und Soundeffekte wurden integriert, um das Spielerlebnis zu verbessern. Dies wurde mit dem <audio>-Element und verschiedenen Audiodateien realisiert.
• Grafiken: Bilder und Animationen wurden verwendet, um visuell ansprechende Elemente zu erstellen, die das Spiel und das Portfolio lebendig machen.

Weitere Tools und Ressourcen

• FontAwesome: Für zusätzliche Icons und visuelle Elemente.
• GitHub: Für Versionskontrolle und Projekt-Hosting.

Funktionen

• Interaktives Spiel: Spielen Sie eine benutzerdefinierte Version von Space Invaders und entdecken Sie die verschiedenen Elemente meines Portfolios.
• Hintergrundmusik: Genießen Sie eine ansprechende Hintergrundmusik, die ein- und ausgeschaltet werden kann.
• Responsive Design: Die Webseite passt sich automatisch an verschiedene Bildschirmgrößen und Geräte an.
• Punktesystem: Verdienen Sie Punkte, indem Sie Aliens abschießen, und sehen Sie Ihren aktuellen Punktestand.