kshitizkannojia/my-portfolio

My-Portfolio is a template for a personal developer portfolio website with a space themed, heavily animated design. Its centerpiece feature is a fully interactive 3D keyboard, built with the Spline design tool, where each keycap represents a skill and shows a title and description when hovered or pressed. The rest of the site uses smooth scroll, hover, and reveal animations powered by GSAP and Framer Motion, along with floating particle effects on a dark background. It is built with Next.js, React, and TypeScript, styled with Tailwind CSS along with the Shadcn and Aceternity component libraries. The template also supports light and dark mode, a contact form that sends email through the Resend service, and optional analytics through Umami. To run it locally, a developer needs Node.js and a package manager such as pnpm, then installs dependencies and sets up a few environment variables, most importantly an API key for the contact form to work. Customizing the portfolio for personal use is meant to be simple: nearly all personal details, like name, title, social links, and site description, live in one configuration file. Separate files hold the list of projects and the list of skills with their descriptions and icons. Updating the skills shown on the interactive keyboard requires editing the underlying Spline file directly and keeping the skill names in that file matched to entries in the code. The project also mentions optional realtime features, such as live visitor cursors, an online presence indicator, and chat between visitors, but the backend server that powers those features is intentionally not included in this open source repository, so they only work if a developer builds and connects their own backend. The template is licensed under MIT and deploys easily to Vercel with one click.