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.
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
