DEV Community

Cover image for 🌊 My Developer Portfolio Is Live! Built with React, MUI, GSAP, and More
Behan kumar
Behan kumar

Posted on

🌊 My Developer Portfolio Is Live! Built with React, MUI, GSAP, and More

Hey Devs! πŸ‘‹

I just launched my developer portfolio, and I’m super excited to share it with the community. It’s not just a showcase β€” it’s a reflection of what I’m learning, building, and where I want to grow.

πŸ”— Live Demo: https://behan-portfolio.vercel.app


πŸ’» What I Used

Here’s the stack that powers this portfolio:

  • React + Vite β€” for a fast, modular frontend
  • Material UI β€” for sleek, responsive component styling
  • GSAP β€” for animations and smooth transitions
  • MongoDB Atlas β€” cloud database for full-stack projects
  • Node.js + Express β€” backend API structure
  • Render β€” to host backend APIs
  • Vercel β€” to deploy and scale the frontend with ease

🎬 Design Highlights

To make it more immersive, I added a dark jellyfish ocean video background. Combined with GSAP animations, the site feels dynamic and alive β€” I didn’t want a static resume site, I wanted motion and character.


πŸ› οΈ Projects Section

The portfolio has 5 project slots:

  • βœ… 2 finished projects are fully deployed and accessible
  • ⏳ 3 "Coming Soon" cards are used to avoid empty spots
  • πŸ§ͺ I’m actively building a real-time chat app using Socket.IO β€” it’s my current focus and will be added soon!

πŸ“„ Features

  • Resume download
  • Clean, mobile-first responsive design
  • Animated landing page
  • Future-ready blog section (might launch soon)

🀝 Let’s Connect!

I’m still early in my journey as a MERN stack developer and always open to feedback β€” design, structure, accessibility, anything!

Your suggestions will help me spot areas I may have overlooked, and honestly, a bit of support goes a long way when you're building solo. πŸ™‚

πŸ”— GitHub: https://github.com/behan05

πŸ“© Want the source code? Just DM me β€” don’t worry, I don’t charge for it πŸ˜„


Thanks for reading! Drop your portfolio link too β€” let’s learn and grow together!

React #Portfolio #WebDevelopment #MERN #SocketIO #MaterialUI #GSAP #MongoDB #OpenSource #SelfTaught #CareerGrowth

Top comments (2)

Collapse
 
uvdesigner profile image
Urvashi Yadav

That’s really cool!
Can you tell me how you made the background look cloudy?

Collapse
 
behan05 profile image
Behan kumar

Hey Urvashi! Thanks so much 😊

The cloudy effect in the background comes from a dark jellyfish ocean video that I used as a full-page background. I applied some CSS filters like brightness and contrast to tone it down and make the UI elements stand out more clearly.

It’s basically a video running behind everything with a semi-transparent dark overlay to keep it subtle. Adds a cool, underwater, cloudy vibe without distracting too much.

Let me know if you'd like the code I used β€” happy to share!