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!
Top comments (6)
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?
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?
Thatโs really cool!
Can you tell me how you made the background look cloudy?
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!
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
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! ๐