ANT

Amasa Nagbe Toe

A.N.T.
Back to Projects

A unified African super-app for social connection and commerce

AfroLoop

AfroLoop merges a social platform and a multi-vendor marketplace into a single super-app — unified profiles, a merged notification feed, shoppable posts, and a real-time cart, all in one glassmorphism interface.

Status

In active development — architecture and integration prompt complete, feature build underway

Tech Stack

Next.js 14 (App Router)TypeScriptSupabaseTailwind CSSZustandPostgreSQL RLS

The Story

AfroLoop began as two separate codebases — a social platform and a marketplace — that were solving related problems for the same African users without ever talking to each other. The build merges them into one product: a single profile that's both social and commercial, a notification feed that treats a new follower and a new order with equal importance, and a shopping experience woven directly into the social feed through Stories and Shoppable Posts.

Major Features

  • Unified vendor + social profiles
  • Merged real-time notification feed
  • Shoppable Posts & Stories
  • Cart Slide Sheet powered by Zustand
  • Glassmorphism design system in teal, amber, and coral

Development Process

  1. 01 Audited both legacy codebases and mapped overlapping data models
  2. 02 Locked design decisions: teal/amber/coral palette, Syne + DM Sans typography
  3. 03 Converted the merged codebase fully to TypeScript and the App Router
  4. 04 Layered in Stories, Shoppable Posts, and the Cart Slide Sheet as net-new features

Challenges

  • Reconciling two independent data models — social and commerce — into one coherent schema without breaking either app's existing logic
  • Migrating a Pages Router codebase to the App Router while preserving auth state
  • Designing a notification system that stays legible when social and commerce events are interleaved

Solutions

  • Authored an 18-part master integration prompt and dedicated database/RLS migration files to sequence the merge safely
  • Introduced a shared identity layer so a single Supabase user maps to one unified profile across both surfaces
  • Built a typed notification model with distinct visual treatments per event category

Future Roadmap

African payment processor integration (Flutterwave, Paystack)Vendor analytics dashboardMobile app companion