← Back to Projects
SvelteSvelteKitTailwind CSS

Personal Portfolio

A personal portfolio website built with SvelteKit and Tailwind CSS.

Personal Portfolio

I built this site to be more than just a digital resume—it's a playground where I can experiment with Svelte. My goal was to create something that works and has my own personal touch, rather than just a static list of skills. It was also the perfect excuse to start learning Svelte 5 and its ecosystem.

What makes it special?

  • A Background that Moves with You: I didn't want a simple background. Because of this I spent a long while getting Vanta.js and Three.js to create a 3D net effect that actually reacts to your mouse movement. It gives the site a personal touch and is something to look forward to in my next projects.
  • New and Improved Svelte5 Svelte 5 just recently released so I decided to build this entirely on Svelte 5 after a recomendation from a friend and to get into the new tech running. At first I was going to use react or simple javascipt but Svelte just felt right. It was a learning curve coming, but the result is a website that feels incredibly snappy and lightweight.
  • Creative Problem Solving: I needed a contact form but didn't want to pay for a backend server. My solution? I found a way to use Google Forms to act as my API. This was my first deep dive into Svlete and I wanted somtehing simple. Now, messages are sent directly to my personal Google Sheets for free.

Why Svelte?

I chose Svelte 5 because I wanted something that works and is fun to work with. The code is cleaner, the bundle size is smaller, and honestly, it’s just really fun to write compared to other frameworks.