Skip to content
All web builds
08DEMO BUILDBUSINESS SITE

KIRANA KART 

Zero payment-gateway setup, orders still land on a phone.

  • React
  • Zustand
  • Tailwind
  • WhatsApp API
  • Netlify
https://kiranakart.shop
ROLE
Design + Build + Deploy
TIMELINE
1 week
STACK
React · Zustand · Tailwind
STATUS
Demo build
01

The brief

A neighbourhood grocery shop wanted to take orders online but didn't want a payment gateway, fees or a dashboard to learn. Orders just needed to arrive on the owner's phone.

02

What I built

  • Product catalogue with categories and search.
  • Cart that survives a refresh, powered by Zustand.
  • Checkout that turns the cart into a pre-filled WhatsApp message.
  • Layout tuned for cheap phones and slow connections.
  • Deployed on Netlify with zero running cost.
03

The interesting problem

A whole cart inside a WhatsApp link

At checkout the cart is formatted into a readable order (items, quantities, totals and address) then encoded into a wa.me link. One tap opens WhatsApp with the message ready to send, so the shop gets a clean order without any server in the middle.

04

The result

payment gateway to set up
0
tap to send an order
1
pages & features shipped
5
Visit site ↗ · LINK COMING SOONView code ↗ · LINK COMING SOON
Previous build

FITTRACK

Next build

AURORA CAFÉ

Need something like this?