9 devlogs
14h 18m 38s
This is a revised personal portfolio website built using web technologies and three.js. The assets are made in blender and inkscape.
Shipped this project!
This is a reship as advised by the HackClub community to prevent projects from being undervalued due bot spam. This was the first application that I used THREE.JS on despite reading through a 500-page book about it a while ago. Learned a lot about lighting and materials as well as converting 2D Vector graphics into 3d objects.
Rewrote the lackluster README I had before and fixed some image links that broke after the HackClub CDN went down.
0
Log in to leave a comment
Shipped this project!
So this is the final production version of my portfolio website. It served as a very in depth introduction to three.js and i found the overall process of learning the framework very enjoyable. I kind of wish i had made a design for the project before building it though as it would have saved me a lot of time while going through multiple iterations of various design while trying to see what fit.
Worked on the responsiveness of the contact and project pages. Spent too long trying to hide the Email.JS API key and then after reading some documentation realised it doesn’t really need to be hidden. I also fixed a bug in my production environment that caused the build to only export the index.html page. Overall, I am now happy with the functionality of the website and will now be shipping the project.
0
Log in to leave a comment
The main structure of all web pages is now complete. Currently in the process of making the pages responsive. I also addressed a bug where the navbar would render behind the canvas making it inaccessible in the mobile version. I fixed this my increasing the z index of the page. While i was recording the video, I noticed that the cv button is misaligned so I will be fixing that next.
0
Log in to leave a comment
Progress has been slow the past few weeks but I managed to finish up the projects page of the site. Decided to keep the background minimal as to not distract from the main project cards.
0
Log in to leave a comment
Had to take a break for the weekend but im back at it. Currently trying to finish the about page. Looks a bit dull atm but i think i can bring it to life by adding a parallax effect to give a better sense of the 3d space
0
Log in to leave a comment
Worked on adding the about page for the website. Currently the vision is to have a giant floating button to download my cv and afterwards having a three for a more detailed story. Currently no where near finished.
0
Log in to leave a comment
Finished the basics structure of the first page. Will need to make some more models for the page but i first want to get the basic structure done.
0
Log in to leave a comment
Hi, this is the initial devlog for my personal portfolio site. This will be my first experience working with three.js, which is a library made for displaying 3d graphics in a web interface. Currently i have created the main hero section of my home page, which comprises of a glass effect model of my logo in front of a triad of spinning rings.
0
Log in to leave a comment