/3d-portfolio

Showcase of Website Build: https://youtu.be/f_ZxgQQ74Lc and Tutorial: TBD

Primary LanguageJavaScript

3D Parallax Developer Portfolio Website

3D Parallax Developer Portfolio Thumbnail

Introduction

This is a code repository for my 3D portfolio website showcased in this video - https://youtu.be/f_ZxgQQ74Lc.

I built myself a 3D developer portfolio website to replace my minimal portfolio and compliment my GitHub profile page and terminal website. This is a custom website I've been wanting to build for a while, that has the "wow" factor of my terminal website thanks to three.js 3D graphics, interactive animations, and parallax, while maintaining an easy-to-use and intuitive design. This website gives a prospective client or employer a quick look at me and my work as a developer, showing them what I can do with not just the projects listed, but the website itself. And yes, I know the parallax gets tricky when shrinking the window, but I'll fix that... one day... maybe. Maybe one of y'all can fix it for me.

Technologies

  • Vite - Build tool for the boilerplate and structure
  • JavaScript - Programming language
  • React - JavaScript library for building user interfaces
  • Tailwind - CSS framework
  • Three.js - Animated 3D graphics
  • Framer Motion - Interactive animations
  • Hostinger - Web hosting platform
  • GitHub - Version control & CI/CD

Extra Resources