AA / 2026OPEN TO BUILD
Abdullah
Afsar.
Web developer · digital builder · computer science student
FOCUSWEB
STACKJS / CSS
MODEBUILD
PLACEPK
ABABDULLAH AFSARWEB · PRODUCT · SYSTEMS
AVAILABLE FOR PROJECTS · COLLABORATION
DIGITAL BUILDER.
Web development • product UI • systems
Selected work, case studies & build notes
portfolio.abdullahafsar.site
● Karachi, PakistanAvailable for selected buildsLive work below ↓
01 / BUILD
02 / SHIP
Abdullah
01 / SELECTED WORK
Proof of work,
not a gallery of concepts.
Live projects, practical builds and a portfolio system designed around evidence: what was built, why it matters and where it lives.
LIVE PROJECTToruk Makto LeaguePakistan's 1st golf league
LIVE SCREENSHOTToruk Makto LeagueOpen live ↗
FLAGSHIP / LIVE
Toruk Makto League
A live digital home for Pakistan's golf league. The public site currently surfaces teams, standings, venues, partners, photo gallery, FAQ and registration flows — and explicitly credits the build to Abdullah Afsar.
150players listed
6teams listed
3venues listed
2tournaments listed
whitedevil1566.github.io/Z-Lane-Broast
Z-Lane BroastLive restaurant ordering experience
LIVE WEB PROJECT / 02
Z-Lane Broast
Responsive restaurant experience focused on menu clarity, pricing and a direct WhatsApp ordering flow.
abdullah-afsar / portfolio
PORTFOLIO 4.0Personal brand,
Personal brand,
built as a product.
CASE STUDIES · PROOF · CONTACT
CURRENT BUILD / 03
Portfolio System
A static, maintainable portfolio system with case studies, live proof, project data, SEO, PWA support and a professional source structure.
coach.abdullahafsar.site
Afsar Ali Golf CoachingLive coaching and booking experience
LIVE SERVICE WEBSITE / 03
Afsar Ali Golf Coaching
Premium coaching website focused on program discovery, trust, pricing and direct lesson booking.
LIVE SCREENS
See the work,
as it actually ships.
Real screenshots are pulled from the public project URLs, so the portfolio shows shipped products instead of decorative mockups.
Live screenshot unavailable — open the project ↗
Live screenshot unavailable — open the project ↗
Live screenshot unavailable — open the project ↗
02 / CAPABILITIES
What I bring
to the build.
I care about the full path from first screen to deployed product: structure, interaction, responsiveness, maintenance and getting the thing reachable in the real world.
Web Interfaces
Semantic, responsive interfaces with strong hierarchy and clear interaction patterns.
Product UI
Clean product surfaces for portfolios, business tools, dashboards and practical workflows.
Responsive Systems
Layouts that behave intentionally across desktop, tablet and mobile rather than simply shrinking.
Deployment
Git, GitHub Pages, custom domains, DNS and the practical details behind a live site.
JavaScript
Interaction, motion, data loading, forms and lightweight client-side systems.
Problem Solving
Break messy requests into small, testable pieces and iterate toward the highest-value result.
HTML5CSS3JavaScriptBootstrapGitGitHubGitHub PagesResponsive Design
03 / PROOF
Work that leaves
a trail.
Public repositories, current project signals and a simple build log. Numbers here are fetched from the public GitHub profile instead of hard-coded.
GITHUB
Abdullah / whitedevil1566
Public GitHub profile · live data refreshes automatically
3public repos
1stars
PKprofile base
Live repositories load here when GitHub is reachable.
BUILD LOG
What I'm learning by shipping.
Portfolio system
Moved from one showcase page toward reusable case studies, project data and a maintainable source structure.
Toruk Makto League
Shipped a live sports-league experience with structured information, team/standings content and production deployment.
Deployment & domains
Practical work with GitHub Pages, DNS, custom domains and the details that keep a project reachable.
BS Computer Science
Turning academic learning into real experiments, interfaces and systems that exist outside the classroom.
04 / WRITING
Notes from
the build room.
Short, useful notes about real projects, deployment, portfolio engineering and lessons learned from building.
CASE STUDY · 8 MIN
How I approached the Toruk Makto League build
Information architecture, responsive presentation and making a live sports platform feel intentional.
Read note ↗ENGINEERING · 6 MINWhy a portfolio should be built like a product
Reusable data, case studies, SEO, performance and source structure — not just a pretty homepage.
Read note ↗DEPLOYMENT · 5 MINFrom local folder to live domain
A practical checklist for GitHub Pages, DNS, custom domains and the final production pass.
Read note ↗05 / ABOUT
Developer in progress.
Builder by practice.
I learn fastest by making real things. My focus is not collecting every tool — it is turning an idea into a useful, responsive and understandable experience.
EDUCATIONBS Computer Science · Ilma University
TRAININGWeb Development · Infra Professional Institute
BASEKarachi, Pakistan
“Make the interface memorable — without making it confusing.
— personal build principle06 / CONTACT
Have something
worth building?
Send a project idea, business problem or rough concept. A clear starting point is enough.