I Built a 3D Developer Portfolio Website // Three.js + React + Tailwind
139.1 هزار بار بازدید -
ماه قبل
-
Host your website with Hostinger
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: Twitter: forrestpknight
💼 LinkedIn: LinkedIn: forrestpknight
📸 Instagram: Instagram: forrestpknight
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: Twitter: forrestpknight
💼 LinkedIn: LinkedIn: forrestpknight
📸 Instagram: Instagram: forrestpknight
ماه قبل
در تاریخ 1403/03/11 منتشر شده
است.
139,181
بـار بازدید شده