Flutter Grocery Shopping App

The Grocery Shopping App with Flutter

Welcome to the Grocery Shopping App with Flutter, Dart Frog and the BLoC Pattern! This project aims to create a grocery shopping app powered by Dart Frog as its backend server.

Full code available at: https://sowl.co/s/bm98kyhttps://youtu.be/eLCUDRvDkoE

Features

  1. Intro Screen: Welcomes users with a captivating background video.
  2. Login & Registration: Sleek UIs ready to be integrated with backend functionality in the future.
  3. Home Screen: Central hub to see popular categories and top-selling groceries.
  4. Cart Screen: Displays products added to the cart and syncs with the backend server.
  5. Category Screen: Browse products by categories fetched directly from a dart_frog server.
  6. Search Screen: Search interface to be integrated with search functionality in future updates.
  7. Order History: UI to display historical orders of logged-in customers.
  8. Order Status: Monitors the currently active order status, from rider pickup to delivery

Current State

  • The Login, Registration, Search screen, Order History and Order Status are currently UI-only and lack backend functionality.
  • Products and categories data are fetched from the backend server powered by Dart Frog
  • Cart functionality is fully operational and syncs with our Dart Frog server to ensure consistent product availability and data.
  • The backend server doesn’t interface with any external databases yet. Database integration is slated for future updates.

Future Updates

  • Integration of backend functionality for the Login, Registration, and other screens.
  • Synchronization of the dart_frog server with an external database.
  • Product barcode scan feature
  • Server and database deployment to Google Cloud Platform

App Screenshots:

The Grocery Shopping App with Flutter The Grocery Shopping App with Flutter The Grocery Shopping App with Flutter
Welcome Screen Login Screen Home Screen
The Grocery Shopping App with Flutter The Grocery Shopping App with Flutter The Grocery Shopping App with Flutter
:—: :—: :—:
Cart Screen Category Screen with Bottom Sheet Order History Screen
The Grocery Shopping App with Flutter The Grocery Shopping App with Flutter
:—: :—: :—:
Order Status Screen Search Screen

Getting Started

To get started with the project, ensure you have Dart, Flutter and the dart_frog CLI set up on your local machine.

  1. Navigate to Project Directory:

    cd <project name>
  2. Install Dependencies:

    flutter pub get
  3. Start the Dart Frog server locally:

    cd <project name>/api
    # Install the dart_frog cli from pub.dev
    dart pub global activate dart_frog_cli
    # Start the server on localhost
    dart_frog dev
  4. Run the App:

    flutter run

GitHub

View Github

Entradas similares

Deja una respuesta