From Mechanical Engineer to Full-Stack: Building a 98 Lighthouse Portfolio with React + Three.js

The Journey

6 months ago, I was designing mechanical systems. Today, I'm shipping React apps with 98/100 Lighthouse scores.

🔗 Live: https://yogavignesh.me
💻 GitHub: https://github.com/yogavignesh-engineer/yogavignesh.me

The Challenge

Build a portfolio that:

• Shows my mechanical engineering background
• Demonstrates modern web dev skills
• Maintains 60fps with 3D + animations
• Loads fast (sub-2s FCP)

Tech Stack & Why

[Your tech stack section]

Performance Lessons

[Your optimization techniques]

Code Deep Dive

[Show interesting React patterns]

Metrics

• 98/100 Lighthouse
• 327KB gzipped
• 60fps animations
• Mobile-optimized

What I Learned

[Your learnings]

Would love your feedback! 🚀