Flutter Web E-Commerce App with Admin Panel

Launch Your Online Store in Minutes!

Looking for a modern, fast, and fully responsive web application to start selling online? This Flutter Web E-Commerce template is the ultimate solution for entrepreneurs, developers, and businesses. Built with the latest Flutter framework and powered by Firebase, this template offers a seamless shopping experience for your customers and a highly detailed, real-time Admin Dashboard for you to manage your business. Why choose this template?

• No Coding Experience Required for Setup: We have simplified the Firebase connection process. Just paste your keys into a single config file, and you are ready to go!
• Fully Dynamic: Change your shop's name, logo, primary colors, currency, and top banners directly from the Admin Panel. No need to rebuild the app.
• Cost-Effective: Uses Firebase (Firestore & Auth) which offers a generous free tier, meaning you can start running your business with zero server costs.
• Global Ready: Built-in multi-language support (English, French, Arabic) to target different markets.

What will you get?

• Full clean Flutter Web Source Code.
• Comprehensive step-by-step documentation (Setup Guide).
• Ready-to-use UI components.

🌐 LIVE DEMO & ADMIN PANEL: Experience the app and the web admin dashboard yourself before buying!

👉 User App Demo (Web): [https://test-shop-2a0db.web.app] 👉 Admin Panel Demo: [https://test-shop-2a0db.web.app/admin]

🔒 Admin Login Credentials: • Email: [testshop@gmail.com] • Password:

Features

Customer Interface (Storefront):

• Modern, clean, and fully responsive UI (Mobile, Tablet, Desktop).
• Multi-language Support (English, French, Arabic).
• Dynamic Top Scrolling Banner & Pulsing Announcement Bar.
• Advanced Product Variants (Choose Size, Color, etc.).
• Stock Validation (Prevents ordering out-of-stock items).
• Promo Codes System (Percentage discounts, apply to all or specific products).
• Dynamic Shopping Cart with automatic subtotal & delivery fee calculation.
• "Similar Products" recommendation engine.
• Order History tracking for users.

Admin Dashboard (Backend):

• Secure Email/Password Authentication.
• Analytics: Real-time revenue charts, total orders, and sales analysis filtering (Today, Week, Month, Year, Custom Date).
• Order Management: Update order status (Pending, Confirmed, Shipping, Delivered, Cancelled) with automatic stock restoration on cancellation.
• Product Management: Add, edit, delete products, manage multi-image galleries, and set stock quantities per variant.
• Category Management: Easily organize your store.
• App Settings Engine: Update Shop Name, Logo, Social Media Links, Delivery Fees, Free Shipping Threshold, App Theme Color, and Currency (Symbol, Decimals, Position) instantly without touching the code.

Technology Stack:

• Frontend: Flutter Web
• Database: Firebase Cloud Firestore
• Authentication: Firebase Auth
• Storage: Firebase Storage (Base64 Image Data approach for easy setup)

Requirements

• Flutter SDK (Latest Stable Version)
• Visual Studio Code (VS Code) or Android Studio
• Firebase Account (Free Spark Plan is perfect)
• Basic knowledge of running a Flutter project

Instructions

1. Extract the downloaded .zip file.
2. Open the extracted folder in VS Code.
3. Open the terminal and run: flutter pub get
4. Go to Firebase Console, create a project, and add a Web App.
5. Open lib/firebase_config.dart and paste your Firebase keys.
6. Run the application using: flutter run -d chrome
7. Login to the admin panel using the credentials you set up in Firebase Auth.

(Note: A highly detailed, step-by-step documentation file is included in the download package).