Crafting My Digital Identity: The Story Behind xhakil.vercel.app
How I built a premium portfolio that reflects my journey from a curious learner to a Full-Stack Engineer in Dhaka, Bangladesh.
Every line of code tells a story. For me, Shakil Ahmed Billal, my personal site at xhakil.vercel.app isn't just a collection of pixels and API calls—it’s the digital embodiment of my journey as a developer. Based in the vibrant heart of Dhaka, Bangladesh, I’ve always believed that:
"Great software is not just written; it’s crafted."
This portfolio is my way of showing the world what it looks like when technical excellence meets the obsessive attention to detail that I, Shakil Ahmed Billal, bring to every project.
From Curiosity to Craftsmanship: Shakil Ahmed Billal's Journey
My journey started with a simple question: How does this work? That curiosity led me through the worlds of HTML, CSS, and eventually the full power of the MERN stack and Next.js.
When I sat down to design this website, I didn't want a generic template. I wanted a platform that felt as professional and premium as the products I build for companies like BD Calling (Softvence). I wanted every interaction to echo my philosophy: "Small details matter."
Engineering the Experience: A Narrative by Shakil Ahmed Billal
The Hub: Dynamic Overview Panel
The first thing you see is the Overview section. It’s designed to be functional yet welcoming. By including my Real-time Local Time, I’m not just showing a feature—I’m inviting collaborators from across the globe to step into my world in Dhaka. It’s about building a human connection through code.
The Toolkit: A Specialized Resume System
As a Full-Stack Developer, I wear many hats. Sometimes I'm architecting a backend API; other times, I'm perfecting a frontend interaction. I realized that a single resume couldn't tell the whole story.
That’s why I built the Specialized Resume Modal. Whether you’re looking for a MERN Stack Developer or a Software Engineer, this system allows me to present the most relevant version of my professional self with a single click.
Command Your Journey: The Cmd+K Palette
Efficiency is at the core of my work style. I’m a fan of tools that stay out of the way but provide immense power. The Global Command Palette is my tribute to that mindset. With Cmd+K, visitors can navigate my entire career history, jump to specific project details, or even download my brand assets in seconds.
The Engine: Shakil Ahmed Billal's Tech Stack
To build a portfolio that reflects the future, I used the tools of the future:
- Next.js 16 (App Router) for blazing-fast speed.
- Tailwind CSS v4 for a design system that’s ahead of its time.
- TypeScript for the reliability that professional engineering demands.
- Framer Motion for micro-animations that make the interface feel "alive."
Beyond the Screen: The Men Behind the Code
This portfolio is a reflection of my growth as Shakil Ahmed Billal. It carries the lessons I learned while interned at Qwik IT Services and during my time as a Full-Stack developer at Msab BD. It’s a testament to the continuous learning I pursue through programs like Programming Hero's Next Level Web Development.
Final Thoughts from Shakil Ahmed Billal
Building this was a labor of love. It’s more than a portfolio—it’s a promise to my future clients and teammates that I, Shakil Ahmed Billal, will treat their projects with the same level of care, innovation, and technical rigor that I poured into my own digital home.
Welcome to my world at xhakil.vercel.app. Let's build something amazing together. 🚀