Project Structure

The download at a glance#

Zipkart/
├── customer/          Customer app (Android, iOS) and the customer website
├── store/             Store app (Android, iOS) and the store panel website
├── driver/            Delivery boy app (Android, iOS)
├── admin/             Admin panel (web)
├── functions/         Cloud Functions: the secure server logic (Node.js 22)
├── firebase_setup/    Setup tool: rules, indexes, starter data, one-click deploy
└── documentation/     This documentation (open index.html)

customer/One Flutter project builds the customer app for Android and iOS and the customer website.store/One Flutter project builds the store app for Android and iOS and the store panel website.driver/The delivery boy app for Android and iOS.admin/The admin panel, a Flutter web app that runs in the browser.functions/48 Cloud Functions for checkout, payments, wallets, refunds, rider dispatch, notifications and emails.firebase_setup/Deploys the backend in one click, then deletes itself.

One Firebase project for everything#

All apps and panels share one Firebase project: the same database, the same sign-in, the same storage. A product added in the admin panel appears in the customer app at once. An order placed in the customer app rings in the store app straight away.

Inside each app folder#

Every Flutter app uses the same layout, so once you know one, you know them all.

customer/
├── lib/
│   ├── main.dart                 Starts Firebase and the app
│   ├── firebase_options.dart     Your Firebase settings (written by FlutterFire)
│   └── app/
│       ├── modules/              One folder per screen group (home, checkout, profile…)
│       ├── services/             Shared logic: sign-in, cart, location, languages
│       ├── repositories/         Reading and writing Firestore
│       ├── models/               Data classes
│       ├── components/           Reusable widgets
│       ├── routes/               Screen addresses
│       └── utils/                Helpers
├── android/                      Android project (package name, icon, signing)
├── ios/                          iPhone project (bundle ID, icon, permissions)
├── web/                          Website files (title, favicon, push worker)
├── assets/                       Images, icons and sounds
└── pubspec.yaml                  Packages and app version

The only files you edit yourself#

Almost everything is a setting in the admin panel. These are the exceptions, because a phone or browser needs them when the app is built: