ALL PROJECTSCASE STUDY 02 / 09
DIRECTORY

Me-fie Directory

A multi-country directory of Ghanaian-owned businesses, events, and communities across Ghana and the UK. Vendors manage their own listings, and visitors filter by country, category, and date with every result shareable straight from the URL.

CLIENT
Me Fie
CATEGORY
Directory
STACK
Next.js, TypeScript, Tailwind CSS, shadcn/ui, Mapbox
YEAR
2026
Me-fie Directory website screenshot
01

Overview

A multi-country directory of Ghanaian-owned businesses, events, and communities across Ghana and the UK. Vendors manage their own listings, and visitors filter by country, category, and date with every result shareable straight from the URL.

02

Challenge

Ghanaian businesses and events live in fragments: an Instagram bio here, a WhatsApp broadcast there, a flyer forwarded so many times nobody knows whose event it was. If you have just moved to London and want Ghanaian food tonight, or you are in Accra wondering what is on this weekend, there is no single place to look — and for the business owner, being findable means maintaining a presence on platforms that were never built for a small business in the first place.

03

Approach

Me-fie Directory is that single place. Businesses, events, and communities sit side by side across Ghana and the United Kingdom, with a country switcher because the same audience lives on both ends of that route. Vendors claim their own listing and keep it current instead of filing a request with somebody; verification badges and customer reviews do the work a personal recommendation used to do; and events carry venue, date, and ticket links so discovery ends in a booking rather than a dead end. The country, category, and date filters are held in the URL, so "food festivals in Accra this month" is a link you can send to a friend rather than a set of steps you have to describe.

04

Key features

  1. 01Vendor-managed listings
  2. 02Filtering by country, category, and date
  3. 03Shareable, URL-driven search state
  4. 04Map-based discovery
05

Technical decisions

It runs as a Turborepo monorepo — a public client and an operations dashboard — with TanStack Query over a typed Axios layer, React Hook Form and Zod on every input, Mapbox placing listings on a map, one-time-code sign-in so a phone number is enough to get in, and Recharts giving the team a read on what people are actually searching for.

WALKTHROUGH

How it works, screen by screen.

Me-fie Directory: Discover what's near
NEXT PROJECT →EnS Creatives