I Built a 3D Developer Portfolio Website // Three.js + React + Tailwind

Published: 31 May 2024
on channel: ForrestKnight
230,317
9.3k

Host your website with Hostinger (use code FORREST): https://hostinger.com/forrestknight

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.

If you're reading this part, let me know what you think of this new video style I'm trying out, and comment "SPACEMAN!!!" below.

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:
Code Repo by me - https://github.com/ForrestKnight/3d-p...
Spaceman by wallmasterr - https://sketchfab.com/3d-models/tenhu...
Planet Surface by jongjawi - https://stock.adobe.com/images/landsc...
Position Animation by Teshank - https://github.com/teshank2137/portfolio

If you're a developer, sign up to my free newsletter Dev Notes 👉 https://www.devnotesdaily.com/

If you're a student, checkout my Notion template Studious: https://notionstudent.com

Don't know why you'd want to follow me on other socials. I don't even post. But here you go.
🐱‍🚀 GitHub: https://github.com/forrestknight
🐦 Twitter:   / forrestpknight  
💼 LinkedIn:   / forrestpknight  
📸 Instagram:   / forrestpknight  


Watch video I Built a 3D Developer Portfolio Website // Three.js + React + Tailwind online without registration, duration hours minute second in high quality. This video was added by user ForrestKnight 31 May 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 230,317 once and liked it 9.3 thousand people.