Inspiration
I wanted a place where my projects could live together without looking like they were escaping from a GitHub README zoo. I also wanted something that felt more “me” than a plain PDF résumé — modern, animated, and slightly dramatic with purple lighting.
What it does
This portfolio highlights who I am, the things I’ve built, what I know, and how to contact me — all wrapped in smooth motion and a clean aesthetic. It acts as a digital introduction, showcasing my skills, projects, and curiosity about new tech.
How we built it
I created the website using Next.js for structure, Tailwind CSS for styling, and Framer Motion for polished micro-interactions. Deployed on Vercel, with Formspree powering the contact form.
The equation for a nice portfolio is basically:
\( \text{Design} + \text{Code} + \text{Too Much Tailwind} = \text{Magic} \)
Challenges we ran into
- Balancing animations so they looked elegant, not chaotic
- Fixing a few Tailwind + Next version mismatches
- Making the site responsive without breaking anything important
- Choosing a profile picture took longer than writing most of the code
Accomplishments that we're proud of
- Created a clean, modern UI with subtle motion
- Learned to use Framer Motion in a meaningful way
- Managed to make dark UI look “alive” but still professional
- The contact form actually works (and that feels like a win)
What we learned
- Tailwind is amazing… until you spend 10 minutes debating between
px-3.5andpx-4 - Framer Motion can turn simple layouts into experiences
- Deployment on Vercel is unbelievably smooth
- UI/UX matters just as much as the code powering it
What's next for My Portfolio
- Add a blog section to share ideas, notes, and occasional rants
- Expand projects with demos and deeper breakdowns
- Integrate a theme switcher (light/dark — but we all know dark wins)
- Possibly add Easter eggs because why not?
Built With
- css
- formspree
- framer-motion
- git
- github
- html
- javascript
- next.js
- react
- tailwind-css
- typescript
- vercel