Code

Flutter E-Commerce Web App with Admin Panel | Firebase + Syncfusion + GoRouter

Flutter E-Commerce Web App with Admin Panel | Firebase + Syncfusion + GoRouter

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

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey