🍔 Food Delivery App (React Native)

A modern food delivery application built with React Native CLI. Designed for both users (customers) and delivery partners to ensure a seamless ordering and delivery experience.

React Native CLI React Native expo TypeScript React Navigation Dark Mode Switch Language (AR / EN)

📂 Project Structure


├── locales/
├── ar/             # Arabic localization files (JSON, translations, etc.)
├── en/             # English localization files (JSON, translations, etc.)
src/
├── assets/         # Images, fonts, icons, and other static assets
    └── *.png                     # Icons & images
├── components/     # Reusable UI components
│   ├── Account/    # Account-related components (login, profile, settings)
│   ├── Cart/       # Shopping cart components (cart list, checkout, etc.)
│   ├── Category/   # Category-related components (category list, filters)
│   └── Home/       # Home screen components (banners, featured items)
├── navigation/     # Navigation configuration (stack, tabs, routes)
├── screens/        # Main application screens (pages composed of components)
│   │   ├── HomeScreen.tsx        # Browse restaurants
│   │   ├── CartScreen.tsx        # Shopping cart
│   │   ├── Orders.tsx            # order
│   │   └── ProfileScreen.tsx     # User profile
├── services/       # API calls, data fetching, and business logic
│   ├── api.ts                    # API integration
│   └── notifications.ts          # Push notifications
├── styles/         # Global styles, themes, and shared styling utilities
├── ThemeContext/
│   └── ThemeContext.tsx          # Theme provider and custom hooks for dark/light mode
└── utils/          # Utility functions and helpers (formatting, validation)

  

📌 Key Features

  • 🍔 Browse restaurants & cuisines
  • 🛒 Cart & seamless checkout
  • 💳 Secure multiple payment methods
  • 🚴 Delivery partner order management
  • 🌍 Switch Language (AR / EN)
  • 🌑 Dark mode support
  • 🔔 Smart notifications for orders & promos

🔧 Tech Stack

React Native CLI & expo TypeScript React Navigation

🚀 How to Run

  1. Install dependencies:
npm install
# or
yarn
  1. Run the **User App**:
cd user
npx react-native run-android
cd user
npx react-native run-ios
  1. Run the **Delivery Partner App**:
cd delivery
npx react-native run-android
cd delivery
npx react-native run-ios

📄 Notes

Tip: Optimize restaurant images (.webp, .avif) for faster loading.