About
I have a small problem: once an idea gets stuck in my head, I usually end up trying to build it.
Sometimes it becomes a weekend experiment. Sometimes I keep building it for months and start thinking, “okay, this one might actually become a real product.” So far, no luck — but the 2 AM bug discoveries have been very consistent.
I'm a full-stack developer and BSIT student at UMT who enjoys building software from the ground up—figuring out how an idea should work, designing the experience, building the backend, connecting everything together, and eventually shipping it.
These days, I mostly work with Next.js, Node.js, TypeScript, and AI, while going deeper into backend engineering, system design, and how production applications actually work beyond the happy path.
I'm also the Web Development Lead at UMT ACM, where I'll be helping organize technical workshops and developer-focused sessions for students who want to move beyond tutorials, experiment with real tools, and build things that actually work outside the classroom.
Right now, I'm working on CodDock, a platform focused on helping aspiring Pakistani developers learn practical skills, build projects, prepare for interviews, and move closer to freelance opportunities or software engineering jobs.
A few things I genuinely enjoy:
• Building full-stack products
• Designing backend APIs
• Experimenting with AI
• Turning ideas into MVPs
• Creating clean, responsive interfaces
• Learning how good software behaves once real users get involved
When I'm away from my laptop, I'm usually thinking about the next product I want to build... or convincing myself this deployment definitely won't fail this time.
Latest Blog
🤖 The Hidden Trade-Offs of AI Productivity: A Developer's Perspective
This blog explores the transformative yet complex impact of AI tools like ChatGPT, ClaudeAI, and GitHub Copilot on my learning and development journey. Reflecting on the shift from manual problem-solving to instant AI-generated solutions, the post highlights the hidden trade-offs — particularly the decline in critical thinking and self-reliance. While acknowledging the efficiency and learning benefits AI brings, I call for a more mindful, balanced use to preserve the core skills that define a true software engineer.
Read more →Work Experience
Skills
Check out my latest work
I've worked on a variety of projects, from simple websites to complex web applications. Here are a few of my favorites.
Capto AI
Overview
Capto AI is a content creation assistant for creators, marketers, and entrepreneurs who need faster ways to generate captions and AI prompts.
It includes two main tools: a Captions Generator for short-form social content and a Prompt Generator for creating clearer prompts for AI tools.
Problem
Creators often lose time writing captions or trying to get useful output from AI tools. A weak prompt usually leads to generic results, repeated attempts, and inconsistent content quality.
Solution
Capto AI keeps the workflow simple: users enter an idea or topic, choose the tool they need, and get usable output without dealing with complex settings.
Key Features
• AI caption generation for social media posts
• Prompt generator for AI tools
• Simple, distraction-free interface
• Free and paid usage limits
• Web-based access with no installation required
My Role
Founder and solo full-stack engineer. I handled the product concept, UI planning, system architecture, frontend, backend, AI integration, and deployment.
Tech Stack
Next.js 15, React, TypeScript, Express.js, MongoDB Atlas, Zustand, TailwindCSS, shadcn/ui, Vercel AI SDK, and Vercel.
Token Talent HR
Overview
Token Talent HR is a mobile-first HR platform for attendance, leave management, and payroll-related workflows.
Context
I contributed to this product during my internship as part of a development team, mainly on backend development and API integration.
My Contributions
• Assisted in building REST APIs with Express.js and MongoDB
• Implemented JWT-based authentication flows
• Helped develop attendance and leave-related API endpoints
• Worked with frontend and mobile developers to test, debug, and refine API responses
Learning Outcome
This internship gave me practical experience with backend systems, API design, authentication, and collaboration inside a multi-disciplinary development team.
Tech Stack
Node.js, Express.js, MongoDB, JWT, REST APIs, and Git.
Status
The platform is live and supports HR operations for its users.
AlmTraders
Overview
AlmTraders is a wholesale distributor in the global IT hardware trading and export market. The company needed a professional web presence to present its business, products, and credibility to international buyers.
Problem
The business had limited online presence, which made it harder for potential buyers to understand its services, product categories, and market positioning.
Solution
I designed and developed a responsive website using Next.js, TypeScript, and TailwindCSS. The site uses reusable components, structured content, product-focused sections, and SEO-friendly implementation.
My Role
Full-stack developer. I handled the frontend implementation, responsive layout, performance optimization, and stakeholder revisions.
Key Improvements
• Modern B2B website structure
• Responsive layout for desktop and mobile
• SEO-friendly metadata and semantic structure
• Improved performance through Next.js and optimized frontend implementation
Tech Stack
Next.js, TypeScript, React, TailwindCSS, and Vercel.
Status
The website is live and gives AlmTraders a more credible digital presence for partners and buyers.
Sysvelop
Overview
Sysvelop is a software company offering web, mobile, and digital product development services. The website acts as its company profile, service showcase, and lead-generation channel.
Problem
The previous website needed a stronger structure, improved responsiveness, and clearer service presentation to build trust with potential clients.
Solution
I developed a modern marketing website using Next.js, TypeScript, TailwindCSS, and shadcn/ui. The site is responsive, performance-focused, and structured around service clarity and lead generation.
My Role
Lead front-end engineer. I implemented the UI, built reusable components, handled responsive behavior, and worked on SEO-related metadata and structure.
Key Results
• Improved service presentation and website structure
• Responsive implementation across screen sizes
• Lighthouse scores above 95 across key categories
• Lead capture flow integrated into the site
Tech Stack
Next.js, React, TypeScript, TailwindCSS, shadcn/ui, Vercel, and HubSpot.
Agencio
Overview
Agencio is a multi-tenant agency management SaaS for digital agencies, freelancers, and internal teams. It brings client management, project workflows, file organization, and AI-assisted knowledge access into one workspace.
Problem
Small agencies often manage work across too many disconnected tools: task boards, chat apps, cloud storage, documents, and spreadsheets. This creates context switching, scattered information, and operational friction.
Solution
Agencio centralizes core agency workflows behind a role-based system. Teams can manage projects, clients, files, and internal knowledge from one application while keeping access controlled across different user roles.
Key Features
• Kanban and Gantt-style project workflows
• Client and team collaboration features
• Role-based access control
• File organization by workspace and permission level
• AI assistant powered by Gemini
• Stripe-based subscription and billing flows
• Invite-based onboarding for Owners, Admins, Members, and Clients
My Role
Founder and solo full-stack engineer. I worked on product strategy, UX planning, system architecture, frontend, backend, billing integration, and deployment.
Tech Stack
Next.js 15, React, TypeScript, Express.js, MongoDB Atlas, Stripe, Zustand, TailwindCSS, shadcn/ui, and Vercel.
I like building things
In university, I have attended 3 hackathons. People from different universities would come together and build incredible things in 2-3 days. It was eye-opening to see the endless possibilities brought to life by a group of motivated and passionate individuals.
- W
Web Development Lead - ACM
Lahore, PK
Appointed as Web Development Lead at UMT ACM. I help plan and execute web-focused workshops, technical sessions, and student developer events. The role involves coordinating event ideas, supporting community learning, and helping students gain practical exposure to modern web development. - M
Management Team - TechVerse
Lahore, PK
Served on the management team for TechVerse, a 12-hour hackathon hosted by UMT. I helped with event coordination, supported participants and organizers, and took part in the project evaluation process. The experience strengthened my coordination, communication, and teamwork skills in a fast-paced technical environment. - P
Participant - Softcom '25 Hackathon (UMT & GIKI Collaboration)
Topi, KPK
Participated in the Softcom '25 Hackathon, organized through a UMT and GIKI collaboration. I worked in a three-member team to solve a technical problem under time constraints. Although we did not win, the event gave me stronger exposure to teamwork, rapid problem-solving, and building under pressure.
Have an idea? Let's talk.
Whether you're building a product, hiring a developer, or just want to talk about startups, AI, or something interesting on the web — feel free to reach out.
The easiest way to reach me is on WhatsApp at +923364769000. I usually prefer a direct message over a mysterious "Hi" followed by complete silence.
