My Frontend Developer Portfolio | Quick Video Overview (React, Three.js, GSAP) ✨🚀
Hey there! 👋
Just sharing a quick, silent video walkthrough of my personal frontend developer portfolio. It's designed to give you a feel for the design, layout, and some of the interactive elements without any voiceover – just pure visual showcase! 👀
Timeline:
00:00-00:04: The video kicks off with this awesome loading animation – a cool 3D cube and "100%" popping up, letting you know my website's all loaded up and ready to roll! 🚀
00:04-00:09: Then, boom! You get to see the hero section of my portfolio. It proudly displays "Gouranga Das Samrat" as a "Creative Developer" with this super cool 3D animated character chilling in the background. That's me, by the way! 😉
00:09-00:18: The character then smoothly moves from the left side of the screen, and you'll see "Explore" with a little downward arrow appear, basically inviting you to scroll down and see more of my work. 👇
00:18-00:27: Next up is my "About Me" section. This is where I talk about my passion, my skills in web design and UI/UX, and you'll even spot links to my social media like Facebook, Instagram, LinkedIn, and WhatsApp. Feel free to connect! 👋
00:27-00:34: After that, I showcase my "Tech Stack." It's a neat section with all the different technologies and tools I use, displayed as a horizontal scroll of icons. You can see all the cool stuff I'm working with! 🛠️
00:34-00:41: Then comes "My Projects." Here, I highlight some of my recent work, like an E-commerce Website and a Daraz Clone. You'll see options to "Preview Project" if you want to dive deeper into them. ✨
00:41-00:54: Finally, we land on the "Contact Me" section. It's got a form where you can fill in your name, email, subject, and message, right next to that same awesome 3D animated character. Oh, and before it ends, a reCAPTCHA challenge pops up to keep things secure! ✉️
Built with a modern tech stack:
React ⚛️
Tailwind CSS 🌬️
Three.js ✨ (for that awesome 3D part!)
GSAP ⚡ (makes things move smoothly!)
EmailJS & reCAPTCHA 📧🔒 (for the contact form)
This portfolio is where I bring my projects to life and show off my skills in action.
Take a look around! 👇
🔗 Live Portfolio: https://gourangadas.netlify.app/
🔗 GitHub Repo (Portfolio Code): https://github.com/GourangaDasSamrat
🔗 Connect with me:
LinkedIn: / gouranga-das-samrat
CodePen: https://codepen.io/gouranga-das-samrat
Email: [email protected]