📦 Flutter Monitoring SDK

A lightweight Flutter SDK for real-time application monitoring, including logging, network tracking, navigation monitoring, crash reporting, session tracking, and an in-app debugging dashboard.

✨ Features

  • 📱 Logging (Verbose, Debug, Info, Warning, Error, Fatal)
  • 🌐 Network monitoring (Dio & HTTP)
  • 🧭 Navigation tracking
  • 💥 Crash reporting
  • ⏱ Session tracking
  • 🔍 Advanced search & filter logs
  • 📊 In-app monitoring dashboard
  • 📄 JSON log inspector
  • ⚡ Zero backend required
  • 🌍 Works on Flutter Web + Mobile

📸 Screenshots

🚀 Getting Started

1️⃣ Add Dependency

dependencies:
  flutter_monitoring_sdk: ^0.0.5

⚙️ Initialization


import 'package:flutter/material.dart';
import 'package:flutter_monitoring_sdk/flutter_monitoring_sdk.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();

  FlutterMonitoring.initialize();

  runApp(const MyApp());
}



import 'package:flutter/material.dart';

MaterialApp(
  navigatorObservers: [
    FlutterMonitoring.navigatorObserver,
  ],
  home: const HomePage(),
);

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (_) => const SecondPage(),
  ),
);

🌐 Network Monitoring (Dio)


import 'package:flutter/material.dart';

final dio = Dio();

dio.interceptors.add(
  MonitoringInterceptor(),
);

await dio.get(
  "https://jsonplaceholder.typicode.com/todos/1",
);

🌍 HTTP Monitoring


import 'package:flutter/material.dart';

final client = MonitoringHttpClient();

final response = await client.get(
  Uri.parse("https://jsonplaceholder.typicode.com/todos/1"),
);

📝 Logging


import 'package:flutter/material.dart';

Logger.v("Verbose log");
Logger.d("Debug log");
Logger.i("Info log");
Logger.w("Warning log");
Logger.e("Error log");
Logger.f("Fatal log");

📱 Monitoring Dashboard

🔘 Floating Button


import 'package:flutter/material.dart';

Scaffold(
  floatingActionButton: FlutterMonitoring.fab(),
);

🖥 Full Screen Dashboard

import 'package:flutter/material.dart';

FlutterMonitoring.show(context);

💥 Crash Testing

import 'package:flutter/material.dart';

throw Exception("Test crash");

🧪 Complete Example App

import 'package:flutter/material.dart';
import 'package:flutter_monitoring_sdk/flutter_monitoring_sdk.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  FlutterMonitoring.initialize();
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      navigatorObservers: [
        FlutterMonitoring.navigatorObserver,
      ],
      home: const HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  const HomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Flutter Monitoring")),
      floatingActionButton: FlutterMonitoring.fab(),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(
                builder: (_) => const SecondPage(),
              ),
            );
          },
          child: const Text("Go Next Page"),
        ),
      ),
    );
  }
}

class SecondPage extends StatelessWidget {
  const SecondPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Second Page")),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            FlutterMonitoring.show(context);
          },
          child: const Text("Open Monitoring Dashboard"),
        ),
      ),
    );
  }
}

📊 What You Get Automatically

  • 📱 App lifecycle tracking
  • 🌐 API monitoring (Dio + HTTP)
  • 🧭 Navigation tracking
  • 💥 Crash reporting
  • ⏱ Session tracking
  • 🔍 Search & filter logs
  • 📊 In-app dashboard UI

Performance

  • 🚀 No backend required
  • 🧠 In-memory optimized storage
  • ⚡ Lightweight & fast
  • 🌍 Web + Mobile supported

Libraries

flutter_monitoring_sdk