Code

EV Charging App Template – Flutter User App + Admin Web Panel

EV Charging App Template – Flutter User App + Admin Web Panel

Recently Updated
EV Charging App Template – Flutter User App + Admin Web Panel - CodeCanyon Item for Sale

EV Charging App Template – Flutter User App (75+ Screens) + Admin Web Panel (60+ Screens)

Live Admin Demo: https://ev-admin-3f4c8.web.app

A complete, production-ready Flutter solution for EV charging businesses, including a feature-rich User Mobile App and a powerful Admin Web Dashboard. Built with modern Flutter architecture, responsive design, and scalable code structure – perfect for startups, enterprises, and SaaS platforms.

EV Charging User App – Flutter Mobile Template (75+ Screens)

A modern EV charging user application that allows customers to discover charging stations, book sessions, manage trips, and track charging history with a smooth and intuitive UI.

✨ User App Key Features

  • Charging Station Discovery – Nearby stations with filters, real-time availability, and map view
  • Advanced Booking System – Schedule charging slots with calendar-based booking
  • Station Details – Charger types, pricing, amenities, images, and user reviews
  • Favorites – Save frequently used charging stations
  • Trip Planner – Plan long EV journeys with optimized charging stops
  • Booking History – Past & upcoming charging sessions with detailed summaries
  • User Profile & Vehicles – Manage EVs, payment methods, and preferences
  • Wallet & Value Packs – Charging credits, offers, and promotions
  • Community Features – Ratings, reviews, photos, and feedback
  • Light & Dark Theme – Fully themed UI with persistent theme mode

User App Technology

  • Flutter (Latest Stable)
  • MVVM + BLoC State Management
  • GoRouter (Type-safe routing)
  • Flutter ScreenUtil (Responsive UI)
  • SQLite (Local caching)
  • GetIt (Dependency Injection)
  • JSON Serializable Models

️ EV Charging Admin Panel – Flutter Web Dashboard (60+ Screens)

A fully responsive Flutter Admin Web Panel to manage EV charging operations, stations, users, payments, sessions, analytics, and roles – all from a single dashboard.

✨ Admin Panel Key Features

  • Executive Dashboard – Revenue, sessions, station health, KPIs, and analytics
  • Multi-Role Authentication (RBAC) – 50+ fine-grained permissions with role matrix
  • Charging Station Management – Full CRUD, manager assignment, status tracking
  • Manager Management – Create, assign, activate/deactivate managers
  • User Management – Search, filter, block/unblock users
  • Session Monitoring – Real-time charging session tracking
  • Payment & Wallet Management – Transactions, refunds, financial reports
  • Partner Management – Onboarding, approval workflows, location mapping
  • Review Moderation – Manage user reviews and reports
  • Reports & Analytics – CSV export, charts, insights
  • CMS & Media Library – Manage banners, FAQs, pages, and images

Responsive Admin Layout

  • Desktop – Full sidebar, multi-column dashboards
  • Tablet – Collapsed sidebar, adaptive grids
  • Mobile – Bottom navigation, horizontal tables, full-screen dialogs

️ Admin Architecture & Stack

  • Flutter Web (Material 3)
  • MVVM + BLoC (Single state, no Freezed)
  • GoRouter with Route Guards
  • Reusable Data Tables, Forms, Dialogs
  • Theme-aware (Light & Dark)
  • Dummy Repository Layer (Backend-ready)

What’s Included

  • Flutter User App Source Code (75+ Screens)
  • Flutter Admin Web Panel Source Code (60+ Screens)
  • Reusable UI Components Library
  • Well-structured MVVM + BLoC Architecture
  • Dummy Data Repositories (Easy API Integration)
  • Complete Setup & Documentation
  • Light & Dark Theme Support

Quick Start

  1. Install Flutter SDK (3.10+)
  2. Run flutter pub get
  3. Add Pexels API key for demo images
  4. Run User App: flutter run
  5. Run Admin Web: flutter run -d chrome --target=lib/admin/app_admin.dart

Ideal For

  • EV Charging Network Operators
  • Fleet Management Companies
  • Startups & SaaS Platforms
  • Flutter Developers & Agencies

Note: This package includes dummy data and mock services. Backend APIs can be integrated easily without changing UI logic.

Built with ❤️ using Flutter – clean, scalable, and production-ready.

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