Flutter Real-Time CPU & RAM Monitor App with Animated Graphs – Full UI Code (FuzzuTech)

 Demo :


Click Video 👇👇👇






















Features:

✔ Enable Title
✔ Allow Comments
✔ Use HTTPS
✔ Custom Permalink:
/flutter-cpu-ram-monitor-dashboard-animated-ui

Code :


pubspec.yaml:

dependencies:
  flutter:
    sdk: flutter
  fl_chart: ^1.1.1
  system_info2: ^3.0.2
  workmanager: ^0.5.0


  main.dart 


import 'dart:async';

import 'dart:math';

import 'package:flutter/material.dart';

import 'package:fl_chart/fl_chart.dart';


void main() {

  runApp(const MonitorApp());

}


class MonitorApp extends StatelessWidget {

  const MonitorApp({super.key});

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      debugShowCheckedModeBanner: false,

      theme: ThemeData.dark(),

      home: const MonitorScreen(),

    );

  }

}


class MonitorScreen extends StatefulWidget {

  const MonitorScreen({super.key});

  @override

  State<MonitorScreen> createState() => _MonitorScreenState();

}


class _MonitorScreenState extends State<MonitorScreen> {

  double cpu = 10;

  double ram = 20;


  final rnd = Random();


  @override

  void initState() {

    super.initState();

    Timer.periodic(const Duration(milliseconds: 900), (_) => animate());

  }


  void animate() {

    setState(() {

      cpu = rnd.nextInt(80) + rnd.nextDouble();

      ram = rnd.nextInt(90) + rnd.nextDouble();

    });

  }


  Widget card(String title, double value, Color color) {

    return Container(

      height: 200,

      margin: const EdgeInsets.all(16),

      padding: const EdgeInsets.all(20),

      decoration: BoxDecoration(

        color: Colors.black45,

        borderRadius: BorderRadius.circular(18),

        border: Border.all(color: color),

      ),

      child: Column(

        crossAxisAlignment: CrossAxisAlignment.start,

        children: [

          Text("$title: ${value.toStringAsFixed(1)}%",

              style: const TextStyle(fontSize: 20)),

          const SizedBox(height: 10),

          Expanded(

            child: LineChart(LineChartData(

              minY: 0,

              maxY: 100,

              titlesData: const FlTitlesData(show: false),

              gridData: const FlGridData(show: false),

              borderData: FlBorderData(show: false),

              lineBarsData: [

                LineChartBarData(

                  isCurved: true,

                  color: color,

                  barWidth: 4,

                  spots: [

                    FlSpot(0, value * .7),

                    FlSpot(1, value * .9),

                    FlSpot(2, value),

                  ],

                  dotData: const FlDotData(show: false),

                )

              ],

            )),

          )

        ],

      ),

    );

  }


  @override

  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(

        title: const Text("Device Usage Monitor (Animated)"),

        backgroundColor: Colors.deepPurple,

      ),

      body: Column(

        children: [

          card("CPU Usage", cpu, Colors.purpleAccent),

          card("RAM Usage", ram, Colors.tealAccent),

        ],

      ),

    );

  }

}

 

Comments

Post a Comment

Popular posts from this blog

Is This News Real or Fake? 🤖 AI Exposes the Truth | FuzzuTech Python App Demo

Image
  Demo : Click Video 👇👇👇 Code : import tkinter as tk from tkinter import messagebox, ttk import joblib import os from sklearn.feature_extraction.text import TfidfVectorizer from sklearn.linear_model import PassiveAggressiveClassifier import pandas as pd from sklearn.model_selection import train_test_split # Check if model exists, else train it MODEL_PATH = "fake_news_model.pkl" def train_and_save_model():     # For demo purpose, we'll create a small dummy dataset inline     data = {         'text': [             'The economy is doing well and jobs are increasing',             'Aliens have landed on Earth and taken over the government',             'New vaccine proves to be 99% effective',             'Scientists found cure for cancer last year',             'Politician involved in scanda...
Read more

🚨 Python Intrusion Detection System (IDS) – Real-Time ML + Tkinter GUI Project | FuzzuTech

Image
  Demo : Click Video 👇👇👇 Features: ✔ SEO keywords included (IDS, ML, Tkinter, Python GUI) ✔ Embedded YouTube Short ✔ Full code snippet (main.py) ✔ Download links (GitHub/GDrive optional) ✔ Call-to-action: Subscribe + Follow socials Code : """ main.py Single-file IDS demo: - Generates synthetic network-like dataset (if missing) - Trains IsolationForest model and saves model_iforest.pkl - Runs a modern-looking Tkinter GUI to simulate live packets,   score them with the model and highlight anomalies. Usage: 1) Create and activate a venv (recommended) 2) pip install -r requirements.txt 3) python main.py """ import os import threading import time import random import sys import queue from pathlib import Path import tkinter as tk from tkinter import ttk, messagebox # --- third-party libs --- try:     import numpy as np     import pandas as pd     from sklearn.ensemble import IsolationForest     import joblib except Exception as e:...
Read more

Educational File Encryptor GUI (Python AES Project) | FuzzuTech

Image
  Demo : Click Video 👇👇👇 Features : Python AES encryption GUI app File encryption & decryption demo Educational safe sandbox project Tkinter + PyCryptodome example Python cybersecurity learning tool Code : # Important package install : pip install pycryptodome import os import tkinter as tk from tkinter import filedialog, messagebox from Crypto.Cipher import AES from Crypto.Hash import SHA256 from Crypto import Random # ---------- Encryption ---------- # def encrypt(key, filename):     try:         chunksize = 64 * 1024         outputFile = filename + ".locked"         filesize = str(os.path.getsize(filename)).zfill(16)         IV = Random.new().read(16)         encryptor = AES.new(key, AES.MODE_CBC, IV)         with open(filename, 'rb') as infile:             with open(outputFile, 'wb') as outfile...
Read more