undefined preview

Bhakti Vora's portfolio

GH CodeSpaces inspired portfolio template with interactive terminal and Google Analytics integration.

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.

Portfolio image 1

Related Portfolios

More portfolios that are similar by role, technologies used, or design elements.

All Full Stack Developer portfolios
[W] DOS_ portfolio preview 1
[W] DOS_ portfolio preview 2
[W] DOS_

[W] DOS_

Full Stack Developer

Anonymous portfolio preview 1
Anonymous portfolio preview 2
Anonymous

Anonymous

Full Stack Developer

Mirza AbdurRab Beyg portfolio preview 1
Mirza AbdurRab Beyg portfolio preview 2
Mirza AbdurRab Beyg

Mirza AbdurRab Beyg

Full Stack Developer

Portfolio Categories

Find portfolios tailored to specific roles and expertise.