Why I Built My Portfolio
I built my portfolio to go beyond a GitHub profile and create a space that truly reflects me as a developer. My goal was to stand out with a design that feels familiar yet personal, showcase projects with context and impact, and integrate analytics to track engagement and turn views into real opportunities.
How I Built My Portfolio
I built it with React 18 + TypeScript and Vite for fast development. Tailwind CSS handled styling, while Framer Motion added smooth micro-interactions. Icons came from Lucide React, and content was managed through config files for easy updates. Analytics was integrated with GA4, and deployment was done through GitHub Pages for seamless CI/CD.
Challenges in Creating My Portfolio
Tracking analytics inside iframes, CSS/styling consistency, and keeping the design minimalist but still engaging were tough. It was also a challenge to stay focused on the end goal and not get carried away adding features. Balancing simplicity with interactivity took iteration.
How I Overcame Those Challenges
I settled on a color palette using htmlcolorcodes.com’s wheel, used Tailwind for consistent styling, and Framer Motion for subtle animations. I kept animations minimal, like a hover effect on the Lucide terminal icon. I handled iframe tracking with custom events and stayed focused by scoping features.
Inspiration
I drew ideas from webportfolio.dev and GitHub user showcases. The first version was plain, but over time I refined each section. My aim was to create something that helps me stand out, is useful to other developers, and includes analytics to track and convert views into opportunities.
Lessons
I learned how to balance minimalism with interactivity and the value of iteration. I improved in TypeScript, Tailwind, and Framer Motion, though animations remain a weak spot. I also learned to focus on the end goal and use micro-animations to enhance rather than distract from the design.
Future Plans for My Portfolio
One of the key features I plan to add is the ability for users to receive a copy of their responses directly from the portfolio. This will make interactions more useful and give visitors something tangible to take away. Beyond that, I want to keep refining animations, improve accessibility, and add more ways to track engagement so the site continues to evolve as both a showcase and a tool.