Live2025Accessibility · Community Impact · Web App · PWA

True Access App

Geolocation Accessibility Mapping for 2.8M Disabled South Africans

Community-driven accessibility mapping platform for disabled users in South Africa. Real-time venue ratings, photos, and accessibility reviews powered by Mapbox — built in 50 days to map 10,000+ venues.

View Live

Serving

2.8M disabled South Africans

Market

10,000+ accessible venues mapped

Problem

Zero reliable accessibility data

Result

Built in 50 days

The Problem

What needed solving

2.8 million disabled South Africans lack reliable, current information about accessible venues. Existing resources are outdated, incomplete, or simply non-existent — creating daily barriers to independence and participation.

The Solution

How I built it

A Progressive Web App with Mapbox geolocation, real-time community reviews, accessibility photo uploads, and venue rating systems. The community-driven model ensures data stays current and trustworthy.

Tech Stack & Decision Rationale

Next.js 14

PWA support + SSR for performance

Mapbox API

Chosen over Google Maps for developer-friendly pricing + African coverage

Supabase

Real-time venue updates & user contributions

TypeScript

Reliable geolocation data handling

PWA

Offline-first for users with unreliable connectivity

Tailwind CSS

Accessibility-first, keyboard-navigable UI

README.md — true-access-app

📄 README.md

# True Access App
> Geolocation Accessibility Mapping for 2.8M Disabled South Africans

## Project Context
**Category:** Accessibility · Community Impact · Web App · PWA
**Status:** Live · 2025
**Author:** Nandawula Regine Kabali-Kagwa — East London, South Africa

## Stack
```
Next.js 14                     # PWA support + SSR for performance
Mapbox API                     # Chosen over Google Maps for developer-friendly pricing + African coverage
Supabase                       # Real-time venue updates & user contributions
TypeScript                     # Reliable geolocation data handling
PWA                            # Offline-first for users with unreliable connectivity
Tailwind CSS                   # Accessibility-first, keyboard-navigable UI
```

## Architecture Notes
- All data mutations validated server-side via Next.js API routes
- Row-Level Security enforced at database level (Supabase)
- Mobile-first, PWA-ready, offline-tolerant where connectivity is unreliable
- PayFast integration for ZAR-native payments (no USD conversion)
- SEO-optimised: metadata, JSON-LD, canonical URLs, sitemap

## Environment Variables
```env
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
SUPABASE_SERVICE_ROLE_KEY=
OPENAI_API_KEY=
NEXT_PUBLIC_PAYFAST_MERCHANT_ID=
NEXT_PUBLIC_PAYFAST_MERCHANT_KEY=
RESEND_API_KEY=
```

## Links
- 🌐 Live:   https://true-access-app.vercel.app/
- 🐙 GitHub: Private repository
- 🏗️ Portfolio: https://creativelynanda.co.za/projects/true-access-app

---
Built from East London, South Africa · 5th Industrial Revolution

More Projects

Beta

View All Projects

Interested in similar work?

Let's discuss how I can build something like this for your business.

Let's Talk