An online store for Drylicious, a Pakistani spice brand. I built the shop customers order from and the private portal the owner runs it from.
01
A store that feels as premium as the spices, works for home cooks and wholesale buyers, and lets people order the way they already do: on WhatsApp.
02
The whole thing: the storefront, a checkout, one-tap WhatsApp ordering, a wholesale page, and a private admin portal led by a super admin.
03
A live store with 24 products in 4 collections, run day to day by the owner and their team, with no developer needed.
Counted on the live store, October 2026
Each highlight says what it does for the people buying, and how it works underneath.
01
24 spices across four collections: whole spices, pure spices, best sellers, and pickles and sauces. Every product has its own page with a photo, pouch size, price and a quantity picker.
For shoppers
Find the spice, see the price, add it in one tap.
Under the hood
Next.js App Router pages, prerendered so they load fast and show up well in search.
02
Many customers in Pakistan would rather order on WhatsApp than fill in a form. One tap on "WhatsApp buy" opens a chat with the whole order typed out: every item, its size, the quantity, delivery and the grand total.
For shoppers
No forms. Press send and the order is in.
Under the hood
The basket is turned into a formatted message and opened with a wa.me link, so it works on any phone.
03
For people who prefer the website, Direct Checkout takes them through details, shipping and confirmation. The basket also shows how far they are from free delivery.
For shoppers
Clear steps, and you can track the order after.
Under the hood
Totals, delivery fee and the free-delivery target are worked out live as the basket changes.
04
Shops and restaurants get their own page: three volume tiers from 1kg trial packs to 100kg+ shipments, and a short form that asks for the business and the weight they need.
For shoppers
Bulk buyers ask for rates in under a minute.
Under the hood
A separate page and form, so wholesale buyers never get lost in the retail shop.
Behind its own login, the admin portal is where the store is run: products and prices, orders from the website and WhatsApp, wholesale enquiries and offers. The super admin decides who can do what.
Super admin
The owner
Admin
The team
The real portal is private, so these screens are recreated with sample orders and team members. The products, photos and prices are the store's own.
Shoppers come in through the storefront; the owner and team come in through the admin portal. Both talk to the same backend, so a price changed in the portal is the price on the shelf.
That backend is my Node and Express API with a PostgreSQL database, managed through Prisma. The storefront is built with Next.js and prerendered, so pages open fast even on a slow connection.
A shopper picks their spices
Next.js storefront, prerendered pages
The basket adds it all up
Subtotal, delivery and free-delivery target, live
They order how they like
3-step checkout, or a pre-written WhatsApp message
The team takes it from there
Admin portal on Node + Express, Prisma, PostgreSQL
Drylicious is live with 24 products in four collections. Customers order on the website or on WhatsApp, wholesale buyers have their own page, and the owner and team keep it all up to date from the admin portal.
