Mobile App
2024
Mobile Developer

DoorDash-Style Delivery App

Flutter-based food delivery with real-time tracking

Overview

A mobile food delivery application inspired by DoorDash, built with Flutter for cross-platform compatibility. The app features smooth animations, real-time order tracking, and a seamless user experience. It demonstrates mobile development expertise, including state management, API integration, and creating polished UI/UX. The backend is powered by Firebase, providing real-time database updates and authentication.

Code Highlight

Real-time Location Tracking

dart
class DeliveryTracker extends StatefulWidget {
  @override
  _DeliveryTrackerState createState() => _DeliveryTrackerState();
}

class _DeliveryTrackerState extends State<DeliveryTracker> {
  GoogleMapController? _mapController;
  StreamSubscription<Position>? _positionStream;
  
  @override
  void initState() {
    super.initState();
    _startTracking();
  }
  
  void _startTracking() {
    _positionStream = Geolocator.getPositionStream(
      locationSettings: LocationSettings(
        accuracy: LocationAccuracy.high,
        distanceFilter: 10,
      ),
    ).listen((Position position) {
      _updateDriverLocation(position);
    });
  }
  
  void _updateDriverLocation(Position position) {
    final latLng = LatLng(position.latitude, position.longitude);
    _mapController?.animateCamera(
      CameraUpdate.newLatLng(latLng),
    );
    
    // Update Firebase with new location
    FirebaseDatabase.instance
      .ref('deliveries/${widget.orderId}/location')
      .set({
        'lat': position.latitude,
        'lng': position.longitude,
        'timestamp': ServerValue.timestamp,
      });
  }
}

Performance Metrics

Frame Rate

60 FPS

App Size

< 20MB

Location Update

< 1s

Challenges

  • 1Implementing smooth animations without performance issues
  • 2Integrating real-time location tracking
  • 3Managing complex state across multiple screens

Outcomes & Impact

60fps animations on mid-range devices

Sub-second real-time updates

Positive feedback on UI/UX design

Tech Stack

FlutterDartFirebaseGoogle Maps APIProvider

Features

  • Smooth page transitions and animations
  • Real-time order tracking with maps
  • Firebase authentication and database
  • Restaurant browsing and search
  • Cart management and checkout flow
  • Order history and favorites