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 (2)
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!