React Native Wolt Clone

A feature-rich React Native clone of the Wolt food delivery app, showcasing modern mobile development practices with React Native, Expo, and TypeScript.

Features

• User Authentication: Apple and Google sign-in integration
• Restaurant Discovery: Browse restaurants and stores with beautiful UI
• Search & Filter: Find exactly what you're looking for with advanced filters
• Interactive Map: Explore restaurants and delivery zones on an interactive map
• Menu Navigation: Browse detailed menus with categories and items
• Shopping Cart: Add items, manage quantities, and see real-time totals
• Checkout Flow: Complete order flow with delivery scheduling
• Location Selection: Choose delivery locations with address management
• Smooth Animations: Fluid transitions and gestures powered by Reanimated
• Tab Navigation: Bottom tabs for easy navigation between sections

Tech Stack

• Expo Router - File-based routing and navigation
• React Native Reanimated - Smooth animations and transitions
• React Native Gesture Handler - Touch interactions
• Expo Maps - Interactive maps integration
• Expo Linear Gradient - Beautiful gradient effects
• Zustand - State management for cart and user data
• MMKV - The fastest key/value storage for React Native
• Sentry - Error tracking and performance monitoring

Getting Started

Prerequisites

Make sure you have the Expo CLI installed.

For the best development experience, install:

• Android Studio for Android development
• Xcode (Mac only) for iOS development

Installation

1. Clone the repository

   git clone <repository-url>
   cd wolt

2. Install dependencies

   npm install

3. Prebuild the native code

   npx expo prebuild

4. Run the app

   # iOS
   npx expo run:ios
   
   # Android
   npx expo run:android

Sentry Setup

1. Create a project on Sentry

2. Run the setup wizard:

   npx @sentry/wizard@latest -s -i reactNative

3. Follow the prompts to configure Sentry for your project

Project Structure

app/
├── (app)/
│   ├── (public)/          # Public routes (authentication)
│   └── (auth)/            # Protected routes
│       ├── (tabs)/        # Bottom tab navigation
│       │   ├── restaurants/  # Restaurant browsing
│       │   ├── stores/       # Store browsing
│       │   ├── search/       # Search functionality
│       │   ├── discovery/    # Discovery feed
│       │   └── profile/      # User profile
│       ├── (modal)/       # Modal screens
│       │   ├── location/     # Location picker
│       │   ├── filter/       # Filter options
│       │   ├── map/          # Map view
│       │   └── [id]/         # Restaurant/menu details
│       └── order/         # Order flow
│           ├── index/        # Cart view
│           ├── schedule/     # Delivery scheduling
│           └── checkout/     # Checkout
components/              # Reusable components
constants/              # Theme, colors, fonts
assets/                 # Images and static files

Features Breakdown

Authentication Flow

• Beautiful animated welcome screen with infinite scroll
• Apple and Google OAuth integration
• Alternative login options

Discovery & Browse

• Categorized restaurant and store listings
• Horizontal scrolling sections
• Restaurant cards with ratings and delivery info
• Filter by cuisine, price range, and dietary preferences

Restaurant & Menu

• Detailed restaurant information
• Menu organized by categories
• Item customization options
• Add to cart with quantity selection

Cart & Checkout

• Persistent cart state with Zustand
• Item quantity management
• Real-time price calculations
• Delivery scheduling options
• Order summary and confirmation

Additional Features

• Location-based restaurant discovery
• Interactive map with restaurant markers
• Search with autocomplete
• User profile management
• Smooth page transitions and animations