DFood - Food Delivery Mobile Application
DFood is a production-ready React Native food delivery app for iOS and Android featuring JWT authentication, Paystack payment processing, Firebase push notifications with deep-linking, and interactive map-based address selection. Built with Expo SDK 54, TypeScript, TanStack Query for server state, and Zustand for cart management. Uses React Native's new architecture with Fabric renderer and implements single-restaurant cart enforcement with intelligent switching alerts.
- Client
- Personal Project
- Role
- Full-Stack Mobile Developer
- Duration
- 1 month
- Year
- 2026
Stack
Key Features
The Challenge
Building a production-ready food delivery app required complex state management across cart, favorites, and orders while maintaining native performance. The cart needed single-restaurant enforcement with clear user feedback. Integrating Paystack payments, Firebase notifications with deep-linking, and Google Maps across iOS and Android presented coordination challenges. Authentication needed secure token management with graceful expiration handling.
The Solution
Implemented file-based routing with Expo Router and protected routes. Used TanStack Query for server state with intelligent caching and Zustand for persistent cart storage. Built Axios interceptors for automatic JWT injection and 401 handling. Integrated Firebase Cloud Messaging with deep-linking via URL schemes. Created interactive map address selection with real-time reverse geocoding. Applied React Compiler for automatic memoization and React Native's Fabric renderer for optimal performance.
The Results
Production-ready iOS and Android app from a single codebase with zero native modifications
Smooth 60 FPS animations across all screens and devices.
Fully functional authentication, Paystack payments, push notifications with deep-linking, and map-based address selection.
Scalable TypeScript architecture with comprehensive error handling and zero crashes from network failures.
