Flutter E-Commerce Web App with Admin Panel (Firebase)
Package Includes
- Full Flutter source code (Web-compatible)
- Firebase integration (Auth, Firestore)
- Admin panel (inventory, orders, revenue charts)
- User module (profile, wishlist, orders, support)
- Documentation (PDF or Markdown)
- Assets (images, icons)
-
pubspec.yaml with all dependencies
Tech Stack
- Flutter Web (v3.22+ recommended)
- Firebase (Authentication, Firestore DB)
- Syncfusion Charts
- GoRouter for navigation
- Provider for state management
- Shimmer for loading states
- Google Fonts for custom typography
User Features
- Email & Google Sign-In
- Responsive design (mobile / tablet / desktop)
- Edit profile: name, phone, gender, DOB, address
- Order tracking (Pending, Processing, Delivered, Cancelled)
- Wishlist management
- Customer support panel
- Address book with default address feature
Admin Features
- Firebase-based admin role detection
- Dashboard with Syncfusion Charts:
- Revenue vs Returns (Spline)
- Sales by Category
- Orders by Status
- Active Users Over Time
- Products Table: Add, edit, delete products with image upload
- Inventory and price updates
- Orders Table: filter by status, assign delivery stages, view customer/order details
Responsive Layouts
- Mobile: Stacked layout
- Tablet: Adaptive layout
- Desktop: Three-column dashboard
UI/UX Highlights
- Minimalist, modern layout
- Soft elevation, rounded corners
- Subtle color palette
- Shimmer loading placeholders
- Typography using Merriweather & Sacramento fonts
Authentication System
- Firebase Email/Password & Google Sign-In
- Role-based redirection (admin/user)
- User profile sync with Firestore
Main Dependencies
provider: ^6.1.0 firebase_core: ^2.x.x firebase_auth: ^4.x.x cloud_firestore: ^4.x.x go_router: ^12.x.x syncfusion_flutter_charts: ^23.x.x google_fonts: ^6.x.x shimmer: ^3.x.x
Documentation Includes
- Project structure walkthrough
- Firebase setup guide (with screenshots)
- Admin login configuration
- Adding new products & categories
- Deploying to Firebase Hosting
Ideal For
- Developers building an MVP or SaaS product
- Startups needing a Firebase-based storefront + admin
- Educational/demo projects for Flutter Web
- No-backend e-commerce solutions
- lib/ – admin_panel/ # Admin dashboard and controls – dashboard.dart – orders_table.dart – product_management.dart – web_ui/ # User-facing UI – home/ – user_profile/ – login/ – data/ # Business logic and services – models/ # Data models – providers/ # Provider-based state management – firebase_services/ # Firebase interaction code – common/ # Reusable elements – widgets/ # Shared widgets (buttons, cards, etc.) – enums/ # Enum definitions – utils/ # Helper functions, formatters, etc.
- assets/ – images/ # Product images, banners – icons/ # App icons, system icons
- README.md # Project overview & instructions - pubspec.yaml # Dependencies and metadata