Karachi Mart: grocery store frontend with area-based delivery
A neighbourhood grocery store frontend for Karachi, built with plain HTML, CSS and JavaScript. Shoppers pick their delivery area first, then browse categories, deals and monthly ration bundles.
The problem
Grocery delivery in Karachi depends on the neighbourhood. Shoppers need to know straight away whether their area is covered, and the store has to stay fast on budget phones and mobile data.
- Client
- Karachi Mart
- Location
- Karachi, Pakistan
- Industry
- Grocery delivery
- Platform
- HTML, CSS, JavaScript
- Year
- 2026
- Project
- MZA Dev team project
What was built
Delivery area selector
Shoppers choose their area first, so they only see what can be delivered to them.
Category navigation
A clean grid for dairy, beverages, cooking oil, pulses, household items and fresh produce.
Deals and ration bundles
Dedicated blocks for monthly ration bundles and buy-one-get-one offers.
No framework, fast load
Plain HTML, CSS and JavaScript, so there is very little code for a phone to download.
Tech stack
- HTML5
- CSS3
- JavaScript (ES6+)
- Netlify
Want something similar?
Send a short description of what you need. You'll get a reply with questions or a quote, usually within 24 hours.