Building real websites
for real businesses.
I build professional websites for agencies, cafes, restaurants, and e-commerce brands. From company redesigns to client-facing storefronts — I turn ideas into polished live products.
Development Workflow
Commit to production pipeline
8+
Projects Delivered
12+
Core Technologies
100%
Responsive-First
2026
Pro Journey Started
Delivering real websites for businesses, agencies, and hospitality brands.
I am a front-end developer who has built live websites for a digital agency, restaurants, cafes, and an e-commerce brand. I care about clean code, strong visual hierarchy, and shipping work that real clients can be proud of.
Full-Stack Engineering
I architect scalable web applications using Next.js, React, and TypeScript, focusing on clean code, maintainability, and high performance.
Advanced UI Integration
I build highly interactive and accessible interfaces using Tailwind CSS, Shadcn UI, and Framer Motion, delivering polished, production-ready experiences.
Data Pipelines & Scraping
Beyond the frontend, I engineer automated browser scraping solutions and robust data extraction pipelines using Python and Playwright.
End-to-End Delivery
From initial requirement gathering to deploying on modern cloud infrastructure, I ensure a smooth, rapid, and transparent development lifecycle.
Automation in Action
A visual demonstration of my data extraction and processing pipelines. I build bots that navigate the web, extract unstructured data, and pipe it into clean databases for frontend consumption.
pipeline.ts
Interactive API Docs
Not just a frontend developer. I architect clean, RESTful APIs and robust backend services. Try fetching my data directly from this simulated endpoint sandbox.
Headless Browser Automation
Watch a live simulation of a Playwright scraping bot. I engineer automated solutions that navigate complex DOMs, bypass captchas, and extract structured data seamlessly.
Database Architecture Sandbox
Test my understanding of relational data modeling. Write and execute simulated SQL queries directly against my portfolio database to filter projects and skills.
CI/CD Pipeline Simulator
Deploying robust applications requires robust DevOps. Watch how my automated GitHub Actions workflow handles linting, python scraping tests, Next.js builds, and automatic rollbacks on failure.
Data Engineering & Cleansing
Raw scraped data is rarely ready for production. Drag the slider to see how I transform messy, unstructured DOM elements into clean, strictly-typed data ready for the frontend.
Experience
My professional journey and internships.
Frontend & Automation Engineer
After Concept
- Frontend Engineering & Architecture: Engineered scalable, high-performance web applications using Next.js, React, and TypeScript, delivering seamless user experiences.
- Advanced UI Development: Architected robust, interactive interfaces leveraging Tailwind CSS, Shadcn UI, and Framer Motion for premium, production-ready animations and layouts.
- Data Pipelines & Automation: Developed automated browser scraping solutions using Python and Playwright, integrating robust data extraction pipelines with backend systems.
- Performance & Optimization: Enforced rigorous performance standards, dramatically improving Core Web Vitals, accessibility, and SEO across client-facing applications.
Featured Projects
A collection of deployed websites, real-world business solutions, and automation tools built with modern web technologies.
A complete redesign of my company's digital agency website — delivering fintech and product solutions for SMEs with a bold, professional dark-themed interface.
Pakistan's premier online bookstore — a fully responsive multi-page site with category browsing, new arrivals, bestsellers, and a polished reading-first experience.
A luxury dining website for Lahore Gates Cafe featuring elegant typography, immersive full-screen visuals, table reservation flow, and a refined guest experience.
A vibrant restaurant website for Snacks Bar in Bahawalpur — bold dark design with golden accents, an interactive menu, testimonials section, and table booking feature.
A warm, atmospheric cafe website for Bahawalpur's Gossip Cafe — featuring a rich dark theme, gallery section, menu display, guest reviews, and smooth table reservation flow.
A clean conversion interface built to make everyday tasks easier, with a layout centered on usability, clarity, and quick interaction.
Web Scraper
1stop Furniture Scraper
Developed a custom web scraper for 1stop furniture to automate product data extraction, efficiently parsing catalogs and compiling structured data.
Interactive Tech Stack Physics
Grab, throw, and crash the technology nodes around. Powered by Matter.js for a realistic 2D collision physics engine.
Technical Expertise
A frontend toolkit proven across agency, hospitality, and e-commerce projects.
Core Front-End
- React, Next.js & TypeScript
- JavaScript (ES6+)
- HTML5 & Semantic Markup
- CSS3 & Custom Properties
Frameworks & Libraries
- Tailwind CSS
- Bootstrap
- Shadcn UI & Component Libs
- Framer Motion & Animations
Tools & Workflow
- UI/UX Design (Figma)
- GitHub & Git
- Netlify / Vercel
- API integration
Backend
- Python & Django
- Playwright (Scraping)
- Database Management
- Browser Automation
Let's build something great.
I have delivered live websites for agencies, restaurants, cafes, and e-commerce brands. I am open to freelance work, internships, and new client projects.