Table of Contents

Well you’ve already seen it, but I’ll go into more detail about the: tech stack, my thought process, and more.

The Concept

I had a portfolio website before this one, but the home page was a little text heavy and quite cluttered. I wanted something that felt cleaner, I had the following in mind

• Live statistics, like the number of GitHub stars so I wouldn’t have to manually update it
• A clean and text-light hero section
• Interactive elements from my old site like hovering over a post for it to grow in size
• A “chat” popup as a call to action
• Responsive

Tech Stack

• React.js
• Astro
• TypeScript
• TailwindCSS
• DaisyUI
• Cloudflare Workers
• AWS S3

Live Statistics

This was the main feature I wanted to have on this site. Whenever I’ve had to update my website or my resume it’s always annoying to see how out of date the numbers are so I decided to make it live. It uses Cloudflare workers to web scrape these numbers in real-time, which is cached for about an hour.

I spent a lot of time laying out the hero section and how to display and animate these statistic cards to appear on screen, but I think the turned out pretty well, although there’s definitely room for improvement.

Overall Experience

Historically, I haven’t liked doing web dev that much because I’ve always found it to be a little too tedious and more of a means to an end than a passion. However, this time around I really enjoyed it, and it was so satisfying doing custom animations and adding other cool functionality to the site. After this refreshing web-dev experience definitely am looking forward to doing more of it in the future, even if I still prefer backend development.

If you have any feedback about the site I’d love to hear it! Feel free to reach out to me on LinkedIn, this site is still an on-going project.

Back to Home