Aapka config pehle se save hai aur auto-connect ho raha hai. Agar change karna hai toh neeche update karo.
Step 1 — Firebase Project Banao (Free)
1. console.firebase.google.com pe jao
2. Add project click karo → naam likho (e.g. stitchpro-shop)
3. Google Analytics: disable karo → project create karo
Step 2 — Realtime Database Enable Karo
1. Left menu mein Build → Realtime Database click karo
2. Create Database → location: us-central1 → Next
3. Start in test mode select karo → Enable
4. Database URL copy karo (looks like: https://stitchpro-xxxxx-default-rtdb.firebaseio.com)
Step 3 — App Config Lo
1. Project Settings (⚙️ gear icon) → General tab
2. "Your apps" section mein </> Web click karo
3. App nickname likho → Register
4. firebaseConfig object dikhai dega — neeche paste karo
📴 OFFLINE MODE — Internet nahi hai. Kaam jaari — data locally save ho raha hai. Internet aane pe automatically sync hoga.
Dashboard
Real-time cloud data
Connecting...
—
📅 Monthly Calendar — Click date to see orders
Month Orders
0
Total received
Pending
0
In queue
Completed
0
Delivered
Rush Orders
0
Urgent
Month Revenue
—
PKR earned
💰 Advance
PKR 0
⏳ Remaining
PKR 0
📊 Grand Total
PKR 0
📊 Status Breakdown
📋 Order Explorer
Img
Order ID
Customer
Product
Design
Price
Status
Rush
Date
Actions
ID
Name
Email
Phone
Company
Discount
Orders
Revenue
Actions
👤 New Customer
📦 New Order
🔒Admin taraf se assign hoga
🖼️ Order Images
+
Add Image
✅ Completed Orders Archive
Preview
Order ID
Customer
Product
Design
Price
Completed By
Date
Actions
Select Order
📚 Bulk Invoice
🗂️ Invoice History
Invoice No
Customer
Orders
Amount
Type
Date
Actions
💰 Revenue by Customer
🎯 Completion Rate
💰 Price Distribution (PKR)
📅 Status Pipeline
⚙️ Settings & User Management
🔑 Admin Password
👷 Employee Accounts
Employees internet se kahin bhi login kar sakte hain.
➕ Add New Employee
🔐 Permissions
👥 Customer Names (Orders)
Orders mein customer naam dikhay
📋 Customers Tab
Customers page dekh/kholna
➕ Customer Add
Naya customer add kar sakta hai
✏️ Customer Edit
Customer info update kar sakta hai
🗑️ Customer Delete
Customer remove kar sakta hai
💰 Prices Dekhna
Order prices dikhay
💵 Price Edit (Orders)
New/Edit order mein price change
💳 Advance Paid
Advance amount dekh/edit karo
📈 Analytics
Analytics page access
🧾 Billing
Invoice generate karo
✏️ Order Add/Edit
New order add ya edit kar sakta
🔵 Status Change
Order ka status badal sakta hai
✅ Mark Completed
Order complete mark karo
🗑️ Order Delete
Order hata sakta hai
👁 Order Detail
Order detail popup dekh sakta
📋 Completed Tab
Completed orders dekho
🗂️ Invoice History
Past invoices dekho
📊 Dashboard KPIs
Revenue/stats cards
🚨 Rush Banner/Toggle
Rush alert dikhao aur lagao
📝 Order Notes
Notes field dekho/likho
💳 Payment Screenshots
Payment proofs dekho
📋 Custom Columns (Orders Table)
Apni marzi se extra columns add karo — har order mein yeh fields appear honge.
🎨 App Theme
Apni pasand ka theme choose karo — automatically save ho jaata hai.
🏷️ App Branding
App ka naam, logo text aur contact info customize karo — invoice mein bhi yahi dikhega.
🏦 Bank Account Details (Invoice mein dikhega)
✅ Saved!
🔧 Firebase Config
💾 Data Backup & Restore
Firebase ka poora data JSON file mein download karo ya pehle ki backup se restore karo. Cloudinary images ka list bhi export kar sakte ho.
☁️ Cloudinary Image Storage
Images Cloudinary pe store honge — Firebase database heavy nahi hoga. Kaise setup karein: cloudinary.com pe free account banao → Settings → Upload → Upload Preset add karo (Unsigned) → Cloud Name aur Preset Name neeche daalo.
📋 Report Generator
Period choose karo — har cheez ki poori detailed report generate hogi. Print ya PDF save kar lo.