Overview
CodDock is a developer growth platform designed for aspiring software engineers in Pakistan. It brings structured learning roadmaps, practical project building, coding practice, interview preparation, and career resources into a single ecosystem — helping developers move from learning concepts to building proof of skill and becoming job-ready.

Problem
Aspiring developers often have access to more tutorials than they can realistically follow, but lack a clear path from learning to employment. Resources are fragmented across courses, YouTube, coding platforms, communities, and freelancing websites, making it difficult to know what to learn, what to build, how to prepare for interviews, and what employers actually expect. CodDock addresses this gap by turning an otherwise fragmented developer journey into a structured progression from learning to building, preparing, and eventually earning.

Solution
CodDock is built around a simple progression: Learn → Build → Prepare → Earn. Developers can follow structured technology roadmaps, strengthen their skills through practical challenges, build portfolio-worthy projects, prepare for technical interviews, and access career-focused resources. The platform is designed to provide context around what to learn next and why, rather than simply presenting another collection of tutorials.

Key Features

• Structured learning roadmaps covering frontend, backend, AI, and other software engineering paths
• Practical coding challenges and project-based learning focused on building real-world skills
• Interview preparation resources for technical concepts, DSA, and software engineering roles
• Developer community designed around learning, collaboration, mentorship, and career growth
• AI-powered career tools for resume feedback, portfolio improvement, and personalized learning guidance
• Company and career insights to help developers better understand hiring expectations and opportunities
• Learn → Build → Prepare → Earn progression that connects technical learning with real career outcomes

My Role
Founder and full-stack developer. I defined the product vision, researched the problems faced by early-career developers, designed the product architecture and user experience, and handled the full-stack implementation. I am responsible for turning the platform from an initial concept into a scalable developer ecosystem.

Tech Stack
Next.js, TypeScript, React, TailwindCSS, PostgreSQL, Prisma, AI SDKs, and Vercel.

Status
In active development — the product is being built incrementally around the core developer learning and career journey, with the initial platform and foundation currently being developed.

Overview
The Buff is a booking platform and AI-assisted website built for a real, currently operating car and motorcycle detailing studio in Lahore. The project covers the full customer journey — browsing services, requesting an appointment, and getting questions answered — plus an admin-controlled backend and an AI assistant that can hold a real conversation about the business.

Problem
The studio had no website and no structured booking process — appointments were coordinated manually, with no way to account for the fact that different services (a wash vs. a full paint correction) require very different amounts of time, or to prevent two customers from being scheduled into overlapping slots.

Solution
I designed a duration-aware booking system: every service has its own price, duration, and active/inactive status stored in the database rather than hardcoded, so the owner can update the catalog himself at any time. When a customer selects multiple services, total appointment time is calculated automatically, and only time slots that fit within business hours and don't conflict with existing bookings are shown. On top of that, I built an AI assistant using Google's Agent Development Kit (ADK) that answers customer questions about services, pricing, and hours by querying the same live database — never hardcoded facts — and can walk a customer through submitting a booking request directly in the chat.

Key Features

• Duration-aware, multi-service booking flow with real-time slot availability
• Admin-managed service catalog — prices, durations, and availability editable without a code deploy
• Configurable weekly business hours and booking rules (buffer time, minimum notice, slot intervals)
• Booking-request model — the owner reviews and confirms each request rather than instant auto-booking
• AI assistant (Google ADK) that answers business questions from live data and can initiate a booking
• Custom editorial UI direction, built to avoid the generic car-wash-template look

My Role
Full-stack developer, solo. I handled the product design, database schema, booking and availability logic, admin data model, frontend implementation, and the AI agent's tools and instructions.

Tech Stack
Next.js, TypeScript, Prisma, PostgreSQL, TailwindCSS, shadcn/ui, Google ADK, and Vercel.

Status
Live and in active development — the booking engine and AI assistant are functional; business data is being finalized with the client ahead of full public launch.

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.

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.

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.