Syed Ahad Haider

Web & Python Developer in Lahore, Pakistan — React and Next.js storefronts, editorial sites and functional Python tools, built end to end.

Hire meView selected work

Lahore, PakistanWorking across time zones

What you can hire me for

Concrete things I build for clients.

Every package below is work I do regularly, not a menu I invented. Most of it is running live in the projects further down.

Not sure which one fits? Send a two-line brief

A fast, responsive website built from scratch and launched live — landing pages, portfolios, business and marketing sites.
A complete shop: catalogue, product pages with variants, cart and checkout flow — the whole buying journey, not just a homepage.
React & Next.js storefronts
Story-driven, cinematic or playful sites built as custom front-ends — for launches, campaigns, portfolios and personal pieces.
Interfaces that look considered and feel obvious — layout, type, colour and motion, from wireframe to polished front-end.
Scripts, Streamlit data apps and small tools that remove repetitive work: data processing, scraping, file and report automation, API integrations.
Python automation & tooling
An existing site made faster, cleaner and more discoverable: Core Web Vitals, image and code optimization, accessibility and SEO fixes.
End-to-end web applications: React or Next.js front-end, Node and Express API, database, authentication and an admin layer — built and deployed as one working system.
Full-stack systems

Selected work

Proof, not promises.

Seven front-end builds you can open right now: React and Next.js storefronts with filters, cart and checkout flows, a Laravel jewelry store, an editorial magazine site and an interactive story. Designed and built end to end.

01E-commerce · Specialty coffee

Ash & Orbit

Small-batch coffee sold with poster typography: roast filters, variant product pages and a slide-out cart.

An editorial storefront for an independent coffee roaster, built as a demonstration of a full shopping interface. The shop filters the range by roast, every product page has size and grind selectors with add-to-cart, and a slide-out cart holds the selection; an account area and a subscription section complete the journey as interface work.

Role: Design & development

Next.js 16
TypeScript
Tailwind CSS 4
GSAP

Visit live site Case study

02E-commerce · Homeware

Hearth & Hollow

A homeware storefront with every product drawn in SVG — and a bag, promo codes and a validated demo checkout underneath.

A single-page shop for a homewares house, built as a demonstration. The catalogue filters by material, quick-look modals open each object, and the bag enforces stock limits and promo codes before a four-step checkout with field validation. Every product is a hand-authored SVG plate, so the site ships without a single photograph.

Role: Design & development

React 19
Vite
three.js
GSAP + ScrollTrigger
anime.js
Motion
Lenis

Visit live site Case study

03E-commerce · Jewelry

PLINTH

A server-rendered jewelry store: collection filters, product configurators, bag and accounts.

A multi-page store for a jewelry label, built as a demonstration of a server-rendered storefront. The collection page filters and sorts by category, each product page pairs a photo gallery with material and size selectors and details, care and delivery accordions, and the bag, sign-in, registration and password-reset pages complete the account flow. Every page is rendered on the server with its own title, canonical URL and Open Graph tags.

Role: Design & development

Laravel
Blade
Vite

Visit live site Case study

04E-commerce · Beauty & cosmetics

Shynx Store

Twenty products, five categories and the most complete build here: search, filters, wishlist and a multi-step checkout.

A responsive storefront for a health, beauty and cosmetics brand — my own ongoing project and the most complete end-to-end build on this site. Category landing pages, product pages, search, sorting and stock badges cover discovery; a persistent cart and wishlist, quick add and a multi-step checkout with order confirmation cover the purchase. The front end runs self-contained on a local catalogue, and an Express and MySQL API for products, authentication and persisted orders is being finished alongside it.

Role: Design & development

React 19
React Router 7
Vite 8
Tailwind CSS 4
Zustand
Motion
GSAP
Express 5 + MySQL (optional API)

Visit live site Case study

05Creative front-end · Interactive narrative

Branching Story Engine

A branching, choice-driven story told in the browser — and the same sequencer behind an interactive product tour or a branching campaign site.

An interactive short story delivered as a website. The work here is the playback layer: a "Begin" gate that starts audio and video on a deliberate click, a sequencer that holds each scene for an authored duration, captions timed against the soundtrack, and yes/no questions that pause the sequence and branch what plays next. The media is supplied to the sequencer; the timing, gating, branching and state are written in code, and the same piece accepts different footage.

Role: Design & development

Next.js
React
HTML video & audio

Visit live site Case study

Also running · live system

Tooling · live

Deployment monitor

A scheduled Python collector runs synthetic availability checks against every site on this page, classifies each failure, and posts them to an authenticated Cloudflare Worker. D1 stores the checks; SQL derives uptime, coverage and incidents.

Python
httpx
GitHub Actions
Cloudflare Workers
D1
SQL

Deployments watched: 8
Uptime · 7 days: 100.0%
Last check: 29 min ago

Open the dashboard

Also built

06Editorial · Magazine site

Material Studies

An issue-based editorial site on materials and a quieter future — objects, research and stories.

Next.js 16
TypeScript
Tailwind CSS 4
Framer Motion

Live site Case study

07E-commerce · Streetwear

FORM / AFTER

Eight considered pieces and a complete demo shopping flow for an independent streetwear label.

React 19
TypeScript
Tailwind CSS 4
shadcn/ui
Vite

Live site Case study

About

I’m Syed Ahad Haider, a web and Python developer in Pakistan. Front ends in React and Next.js, with GSAP and Motion when a site needs to move; back ends in Node, Laravel and Python when it needs accounts, orders, scraping or reports behind it. One person carries a project from the first brief to the live URL, so nothing is lost between a designer, a developer and a scripter. I’m also studying cybersecurity, which is why the unglamorous parts — validation, sessions, backups — get done properly.

Polished on the surface. Solid underneath.

Based in: Pakistan (PKT, UTC+5)
Working: Across time zones
Studying: BS Cybersecurity, University of Lahore
Currently: Taking on new projects

Stack

Frontend: Next.js
React
Angular
JSX
TypeScript
JavaScript
Tailwind CSS
Vite
Backend & data: Node.js
Python
Laravel
MySQL
Streamlit
Languages: C++
C#
Motion & 3D: Motion
GSAP
Three.js
AI & SEO: LLMs
AI-assisted SEO

How working with me goes

Four steps, no surprises.

If this is your first time hiring a developer, here is exactly what happens after you say hello.

Brief
Tell me what you need. I reply with questions, a clear scope, a timeline and a price.
Build
I design and build with progress links you can open any time, so nothing is a surprise.
Review
You review the live preview; we refine until it is right.
Deliver
Launch, handover and the documentation you need to run it.

Basic Website
Contact for quote
A single landing page, designed and launched.
- One custom-designed page, built around what you need it to do
- Responsive on every screen, phone first
- A contact path that works — email, WhatsApp or a form
- Deployed on your domain and handed over
Get a quote
Standard Website
Contact for quote
A three-page site for a business that needs more than a landing page.
- Three custom pages on one consistent design
- Clear navigation that makes the site easy to move through
- Contact and enquiry paths on every page
- SEO basics and share previews set up properly
Get a quote
Premium Website
Contact for quote
A five-page site with the full treatment — custom design, motion and polish throughout.
- Five custom pages, each designed on purpose
- A bespoke design system: type, colour, components
- Scroll animation and micro-interactions that stay fast
- Performance and accessibility pass before launch
Get a quote
E-commerce Website
Contact for quote
A complete online shop: catalogue, product pages, cart and checkout.
- Product and category pages with variants
- Search, filters and sorting
- Cart and checkout flow
- Order confirmation and account flows
Get a quote
Web Systems & POS
Contact for quote
A web-based system that runs an operation — restaurant POS, attendance, inventory, admin dashboards.
- Role-based admin dashboard
- Database-backed records for orders, stock, staff or students
- Reporting and exports you can open in a spreadsheet
- Built to be run day to day by non-technical staff
Get a quote
Custom Package
Contact for quote
For the build that doesn’t fit a box — UI/UX work, Python tooling and automation, performance audits, or something nobody has built yet.
- Scoped around your actual problem, not a template
- UI/UX design or Python automation, whichever the job needs
- Performance and optimization work on what you already have
- Priced and planned before anything gets built
Get a quote