DEV Community

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

Posted on

2 1 1 1

🌊 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

MongoDB Atlas runs apps anywhere. Try it now.

MongoDB Atlas runs apps anywhere. Try it now.

MongoDB Atlas lets you build and run modern apps anywhere—across AWS, Azure, and Google Cloud. With availability in 115+ regions, deploy near users, meet compliance, and scale confidently worldwide.

Start Free

Top comments (6)

Collapse
 
nevodavid profile image
Nevo David

Pretty cool seeing how you put this together - feels like steady building over time really matters. What actually keeps you pushing on days progress feels slow?

Collapse
 
behan05 profile image
Behan kumar • Edited

Thanks so much for the thoughtful comment, Nevo— really means a lot! 🙌

On days when progress feels slow, I try to stay mindful that consistency matters more than speed. Even small wins help me move forward. I’ve learned to stay calm, break problems down step by step, and enjoy the journey rather than rushing to the finish.

Right now, I’m working on a real-time chat app using Socket.IO. It’s one of the most challenging projects I’ve taken on so far managing real-time communication, syncing data between client and server, and ensuring everything flows smoothly. But that’s also where I’ve seen my patience, focus, and consistency really grow.

Feedback like yours keeps me grounded and motivated. Would love to hear how do you deal with slow days or tough builds?

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!

Collapse
 
nathan_tarbert profile image
Nathan Tarbert

pretty cool, i've enjoyed all of the research you've put into this project - it really adds up
you ever find that building personal stuff teaches you more than any tutorial ever could

Collapse
 
behan05 profile image
Behan kumar

Thank you so much, Nathan! 🙌
Yes, I agree — building this project taught me a lot more than I expected. Tutorials give basics, but real learning happens when you face challenges while building.

I really appreciate your kind words! 😊

Redis image

Short-term memory for faster
AI agents

AI agents struggle with latency and context switching. Redis fixes it with a fast, in-memory layer for short-term context—plus native support for vectors and semi-structured data to keep real-time workflows on track.

Start building

👋 Kindness is contagious

Delve into a trove of insights in this thoughtful post, celebrated by the welcoming DEV Community. Programmers of every stripe are invited to share their viewpoints and enrich our collective expertise.

A simple “thank you” can brighten someone’s day—drop yours in the comments below!

On DEV, exchanging knowledge lightens our path and forges deeper connections. Found this valuable? A quick note of gratitude to the author can make all the difference.

Get Started