Interactive Portfolio

• 

  This is a photo of my portfolio's hero section although it was a video but i can provide an image of this video

Inspiration

I wanted to build more than a static portfolio — something that feels alive. The idea came from imagining game with portfolio fusion

What it does

It’s an immersive 3D web portfolio that visualizes my skills, projects, and ideas like a living neural network. Users can explore different “Element” that open up my projects, skills, and contact links through smooth animations and interactive 3D effects

How we built it

Frontend: HTML, CSS, JavaScript, React, Tailwind

3D & Animation: Framer Motion

Design: Figma, Blender

Hosting: Vercel / Netlify

Challenges we ran into

Balancing performance with 3D visuals for smooth loading

Creating realistic camera movement and responsive 3D scaling

Integrating animation timing perfectly with user interaction

Accomplishments

That we're proud of Built a fully interactive 3D portfolio from scratch

Created a unique experience that blends design, storytelling, and code

Learned how to combine front-end frameworks with 3D rendering

Received great feedback for creativity and innovation

What we learned

The importance of balancing creativity with usability

Better understanding of animation timing, 3D object management, and UI flow

The power of storytelling in design — not just coding, but communicating visually

What's next for Interactive Portfolio

Adding AI voice navigation using the Web Speech API

Integrating a chatbot assistant that interacts with visitors

Expanding to a multi-theme 3D environment (Cyber City, Space, etc.)

Turning it into an open-source template for developers to create their own digital minds

Built With

• 3d
• css3
• design
• html5
• project