rantideb / 3d-portfolio

3D Parallax Developer Portfolio Website

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

• Spaceman by wallmasterr
• Planet Surface by jongjawi
• Position Animation by Teshank