Inspiration

I wanted to create a portfolio that reflects both my technical skills and my personal style, showcasing my projects, achievements, and journey as a Full Stack Developer in an interactive and engaging way.

What it does

This portfolio highlights my skills, projects, tech stack, internships, hackathon achievements, and provides a smooth user experience with animated sections, interactive cards, and direct contact options. It’s designed to give visitors a clear picture of my work and capabilities.

How we built it

I built this portfolio using React for the frontend, CSS animations and glassmorphism effects for styling, and integrated interactive features like 3D hover cards, floating backgrounds, and Vimeo video embeds. The project is fully responsive and optimized for desktop and mobile.

Challenges we ran into

Implementing smooth 3D card animations and hover effects

Creating an engaging animated background without affecting performance

Making the portfolio fully responsive across different devices

Integrating direct email functionality while maintaining style and animations

Accomplishments that we're proud of

Built a highly interactive, animated portfolio that showcases skills and projects professionally

Successfully integrated Vimeo video, 3D hover cards, and direct email form

Highlighted internship and hackathon achievements in a visually appealing way

What we learned

Advanced CSS animations including floating effects, 3D transforms, and glow effects

Integrating multimedia content (Vimeo videos) seamlessly in React

Responsive design principles for a premium portfolio experience

How to combine design aesthetics with functional interactivity

What's next for personal-portfolio

Add real-time particle and mouse-follow effects for even more dynamic interaction

Implement light/dark theme toggle

Include project filtering and search functionality

Make it even more interactive with voice-controlled navigation or mini assistant features

Share this project:

Updates