Today I finalized the website. I lowk forgot that I needed to add devlogs so i guess this will need to be a really long devlog. I started making the website with the aim of making a minimalistic website that just ‘gets the job done’ without too many crazy animations. I also urgently needed a portfolio page where I could show off my projects and funnel traffic to my Github repos, because I heard portfolios are pretty important for internship applications.
I started by determining what framework to use, I looked at some websites from other hack clubbers, and decided to use Astro because I could use it with various other frameworks and because it provides good performance. I have used tailwindcss alot in the past as well so I wanted to use that here too.
Setting up the project didn’t take too long, I think I had the whole thing setup in half an hour or so, which was a much better experience than working with React- I actually spent like multiple hours debugging why react wouldnt build on my computer. I started with the main page, making some sample text and figuring out how to add side navigation bars and how to add navigation bars on the mobile/small screens.
I then moved onto making the other pages, like contact and resume. I realized that the code for navigation bars was pretty long and copy and pasting it was redundant, so I made them into Astro components that I could call in the various files after importing them from the appropriate file. I then added some more text which surprisingly took me a good amount of time because I knew I would be putting this website on all my socials and it would be reflecting me in a way. Credit to acon lin’s website for the commit version footer idea.
Log in to leave a comment