Day 8 — Expanding My 3D Portfolio Layout

Today was a big step forward! After setting up my 3D hero yesterday, I’ve now introduced the other sections of my portfolio into the Three.js scene*.*

✅ What I built today:

• Social Links → Clickable floating panels (GitHub, LinkedIn, Resume)

• Tech Stack → Orbiting “chips” circling my hero text

• Blog / Updates → A rotating plane with placeholder text

• Footer → Clean signature line floating at the bottom

Here’s what’s exciting:

• Everything now lives in the Canvas, meaning my portfolio is truly one big 3D experience.

• Each section has its own mesh + interactivity, ready for styling and polish.

• I can now focus on animations, transitions, and a cohesive professional look.

✍️ Problem Encountered and Solved Today:

I had to remove all HTML elements rendered in my <Canvas> to stop getting errors on my homepage, because from what I learnt today from this problem is that HTML elements are not part of THREE namespace so they cannot be rendered in <Canvas> .

🔮 What’s next:
Tomorrow, I’ll refine positioning, spacing, and add polish so the whole thing feels like a smooth interactive environment instead of floating objects.

Stay tuned — it’s coming together beautifully! 🚀