VieFoodDelivery Application

VieFoodDeli is a cross-platform mobile application designed to streamline food ordering and delivery. Inspired by market leaders, the app offers a user-friendly interface for browsing local restaurants, placing orders, tracking deliveries in real time, and managing favorites. Built using React Native with a component-based architecture, it targets both Android and iOS users while leveraging Firebase for data persistence and real-time updates.

The primary purpose of VieFoodDeli is to simplify the food ordering process and provide customers with an engaging, reliable experience. The application supports features such as user authentication, restaurant listings with search and filtering, detailed food menus with images, cart management, order placement with live tracking, and an order history view. Additionally, users can favorite restaurants or dishes for quick future access.

Key Functionalities

  • User Authentication & Profile Management: Secure sign-up and login via Firebase Authentication. Profile screen displaying user details and offering a logout function.
  • Restaurant & Menu Browsing: Display a list of restaurants/food items fetched from TheMealDB API. Provide search/filter functionality using React Native’s FlatList and TextInput components.
  • Cart Management & Order Placement: Allow users to add items to the cart, update quantities, or remove items. Place orders, which are stored in Firebase Firestore along with user and restaurant location data.
  • Order History & Tracking: Display past orders for the logged-in user with detailed information. Enable users to tap on orders that are not yet delivered to view a live tracking map.
  • Favorites Management: Enable users to add restaurants or dishes to favorites, persisted in Firestore for quick navigation.

Technical Approach

  • Development Platform: React Native, Expo CLI
  • Backend & Data Persistence: Firebase Authentication, Firebase Firestore
    • Firebase Authentication Firebase Firestore Backend Architecture
  • APIs & Third-Party Services: TheMealDB API, Expo Location, React Native Maps
  • Navigation: React Navigation with Stack and Bottom Tab navigators
  • UI/UX Design: Inspired by popular apps like SkipTheDishes, with modern styling and intuitive controls

Project Team & Work Distribution

Bryan Tran:

  • Frontend & UI/UX: Develop React Native UI components, implement navigation flows, and integrate live order tracking.
  • Backend & API Integration: Build and maintain the backend, integrate Firebase Authentication and Firestore, and implement data persistence.
  • Integration, Testing & Project Management: Oversee integration, write unit tests, and manage version control and documentation.

Timeline & Milestones

  • Week 1: Project setup, API integration, and core functionalities (authentication, restaurant list, and cart management).
  • Week 2: Advanced features (live tracking, favorites management, and order history).
  • Week 3: Testing, UI/UX refinements, and final adjustments.

Conclusion

VieFoodDeli is designed to provide an engaging, efficient, and user-friendly solution to modern food ordering. By leveraging cross-platform technologies and real-time data management, the app promises to deliver a seamless experience for users and support local restaurants. Our clear division of responsibilities and detailed technical approach ensure that we can meet project requirements and deliver a high-quality product.