I wanted a website that could be my personal playground—a place to showcase my skills while keeping things fun yet professional.
Below are a few highlights about this website. TLDR: You’ll find me geeking out over my creations throughout the site. 👀
Design
toast
I’m a huge fan of the Sonner toast component. But imagine if those toast notifications were actual toasts? 🍞
navbar
I’ve always wanted a floating navbar, and as you’ve probably noticed, I love emojis. So, I combined the two! Clicking around this navbar is one of those simple joys. Go ahead, give it a try below.
spotify
This site is now on version 5—v5, and I’ve had a Spotify component since v3. It’s just fun to see, especially with the music notes animation I added this time, inspired by Arc Browser. 🎧🎵
Note: The data here is for showcase purposes only! 😁 Just a fun detail: if I'm currently playing a song, you'll see the vinyl spinning.
etc.
There are some components on this site that I really like (it is my site, after all). Rather than explaining every detail, I’ll let you explore them on your own:
- Guestbook: I also suggest you sign it 😈
- Tools I like using: Happy dragging/sticking around 🤪
Code
- Framework: Next.js
- Styling: Tailwind CSS
- Animation: Framer Motion
- Deployment: Vercel
- Database: Postgres
- Analytics: Vercel Analytics
- Some components: Radix Primitives and shadcn
Future
I consider this site an ongoing work in progress (that’s why I’m already on v5!). There’s so much more I’d like to add, like:
And that’s a wrap—thanks for stopping by! ✌️