Skip to content

Sharekhan Flutter Fire #52

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 7 commits into
base: main
Choose a base branch
from
Open

Conversation

basedharsh
Copy link

@basedharsh basedharsh commented Aug 31, 2024


Submission Details

Flutter Firebase Goodies Shopping App

Welcome to the Flutter Firebase Goodies Shopping App! This app showcases an exciting e-commerce platform built using Flutter and Firebase, with multiple user flows: Guest, Buyer, Seller, and Admin. Follow the instructions below to set up the project and explore its features.

Getting Started

1. Add the Android Folder

  • Generate the Android Folder in Your Existing Project

In your main project directory, you can directly create the android folder by running:

flutter create .

2. Firebase Setup

To use Firebase features in your app, you need to configure Firebase by following one of these options:

  1. Add firebase.json file: Download the firebase.json configuration file from the Firebase console and place it in the root directory of your project or Use Firebase Cli and configure accordingly.

  2. Use Firebase Emulator: To set up the Firebase Emulator for local testing:

    • Install the Firebase CLI if you haven't already:

      npm install -g firebase-tools
    • Initialize Firebase in your project:

      firebase init
    • Start the Firebase Emulator:

      firebase emulators:start --import=./emulator-data
    • This must start the firebase emulator with such visbile output:

  • Test the App: Open the app and interact with it to test different user flows while connected to the local emulator.
  • Note: just make sure to keep that particular port free or change the port number from firebase,json

The emulator allows you to simulate Firebase services locally, such as Firestore, Authentication, and more.

User Flows

The app includes four distinct user flows:

Guest Flow :

Guest Flow Step 1

Guest Flow Step 1

➡️ Guest Flow Step 2

Guest Flow Step 2

➡️ Guest Flow Step 3

Guest Flow Step 3

➡️ Guest Flow Step 4

Guest Flow Step 4

Buyer Flow :

  1. Buyer: Registered users who can add products to their cart, make purchases, and track orders.

Result

Enter Number Save Address Add Address
Enter Number Enter Otp Home Screen
Multiple Addresses Checkout on Cart Select Address on Cart
Categories Screen Products based on category All Products
Select Payment Method Order Confirm Screen Order Placed Notification
Products added to cart Product detail Page Add address to go on cart
Order Section Profile Section Account Details Section
Add address Manage Address Checkout Page
Support Section Past Queries Search from Home
Select Address Select Payment Mwthod Order Confirm Screen
Order Confirm Screen Notification on Order Place Order Section with Search and Filter Working
Notification on Order Place Order Section with Search and Filter Working Order Section Example 1
Order Section Example 1 Order Section Example 2 Profile Section
Order Section Search Profile Section Account details edit
Account Details Section Support Section Past Queries Section
:---: :---: :---:
Suport Section Past Queries Section Search for Home

Seller Flow :

  1. Seller: Users who can list products for sale, manage inventory, and fulfill orders and he can also act as Buyer
Seller Profile Page Seller Section of App Add Product Section
Seller Profile Page Seller Section of App Add Product Section
Edit Product Section Approval Tick on Appbar
Edit Product Section Approval Tick on Appbar

Admin Flow :

  1. Admin: Admins have access to manage users, oversee transactions, and monitor app activities and He can also do stuff as a Buyer flow
User Added Business Details Request Went to Admin Admin Screen
User Added Business Details Request Went to Admin Admin Screen
Upload Banners Make Banners Active/Inactive Add Categories
Upload Banners Make Banners Active/Inactive Add Categories
Manage Categories Home Screen and Rest Features
Manage Categories Home Screen and Rest Features

Optional: Use Your Data or Start Fresh

To run the app with your data using the Firebase Emulator, or to set up a fresh Firebase project:

  • Option A: Use Emulator with Your Data

    • If you have a pre-existing set of data you want to use, you can import it by running:
      firebase emulators:start --import=./emulator-data
    • Make sure your data files are in the ./emulator-data directory to be loaded by the emulator.
  • Option B: Set Up a Fresh Firebase Project

    • If you prefer to set up a fresh Firebase project:
      1. Go to the Firebase Console and create a new project.
      2. Add your desired Firebase services (Firestore, Authentication, etc.).
      3. Download the google-services.json file and place it in the android/app directory.
      4. Manually add initial data to your Firebase project using the Firebase Console.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant