Description
Flutter E-Commerce Web App with Admin Panel | Firebase + Syncfusion + GoRouter
Flutter E-Commerce Web App with Admin Panel | Firebase + Syncfusion + GoRouter
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
