Personal Portfolio Website
ReactNext.jsTypeScriptTailwind CSS

Personal Portfolio Website

A fully custom-built portfolio showcasing my engineering projects.

GitHub

Project Details

I built a fully custom portfolio to showcase my engineering projects. I used Next.js and React, and I had to figure out how to structure a clean, fast loading site while making sure it could handle a ton of images and assets efficiently—because I had a lot, and that's a lot of data to host. To solve that, I wrote some scripts that compress images and videos while keeping them sharp, so everything loads quickly without sacrificing quality. For storage, I set up Cloudflare R2, so images load fast no matter where you are, and I host the whole site on Vercel, which makes deployment automatic every time I push to GitHub. I had never done anything like this before, so everything, from getting the styles right with Tailwind CSS to setting up dynamic project pages, was a learning experience. It was really fun seeing it all come together and getting to build something completely from scratch.

Project Info

Categories
Web Development