Building a Nursing Revision Platform in Uganda: Designing for Bad Internet & Slow Devices

Uganda’s digital ecosystem is booming, but as developers, we often build web apps on high-end laptops connected to ultra-fast fiber WiFi. We forget that the average Ugandan student is accessing the web on a budget $80 Android smartphone, buying 100MB daily data bundles, and browsing over spotty 3G networks.

The Problem: React's Hydration Bottleneck

In a standard Single Page Application (SPA), the browser receives an empty div shell. It has to download the JavaScript bundle, parse it, run it, fetch data from the database, and then render the UI. On a low-end phone, JS parsing is extremely slow, creating a terrible loading experience.

Solution: Custom Pre-rendering & Caching

To optimize the platform to load in under 1.2 seconds, I wrote a custom pre-render script to generate static HTML, swapped out React for the lightweight Preact runtime, and used Workbox to caching notes locally in IndexedDB so revision material remains accessible offline.