DFood — Food Delivery & Discovery Mobile App
DFood is a high-performance on-demand food delivery mobile application built for iOS and Android using React Native, Expo SDK 57, React 19, and TypeScript. It features a custom Progressive Blur glass design system, 100% list virtualization with Shopify FlashList, interactive location mapping with automatic reverse geocoding, Paystack card processing, and a local-first offline architecture with optional bi-directional Firebase Firestore cloud sync.
- Client
- Personal Project
- Role
- Full-Stack Mobile Developer
- Duration
- 1 month
- Year
- 2026
Stack
Key Features
The Challenge
Achieving a steady 60fps frame rate while rendering complex media feeds, multi-stop blur headers, and interactive carousels across mobile devices required strict architectural discipline. We needed single-restaurant cart persistence without locking users out offline, seamless coordinate mapping with instant reverse geocoding, and non-blocking authentication flows that gracefully handle unconfigured or guest environments without layout shifts or crashes.
The Solution
Designed a calm, photography-driven UI pairing Bricolage Grotesque and Geist typography with a custom Reanimated Progressive Blur system. Virtualized 100% of feeds and horizontal rails using Shopify FlashList v2. Structured local-first state with Zustand and AsyncStorage, paired with TanStack Query v5 for server synchronization. Integrated Paystack webview checkout, native @expo/ui controls, and optional bi-directional Firestore cloud sync.
The Results
Steady 60fps performance across iOS and Android with zero dropped frames during fast scrolling.
100% functional offline and local-first architecture with optional real-time Firebase cloud mirroring.
Clean multi-step checkout workflow with Paystack card processing and Cash on Delivery.
Refined design system featuring progressive blur glassmorphic headers, Bricolage display typography, and Hugeicons.
