tracker Tailwind Templates

Tracker

Tracker is a lightweight, cross-platform desktop app built with Tauri, Rust, React, Tailwind CSS, and Deno.

šŸ–„ļø Tracker

Tracker is a lightweight, cross-platform desktop app built with Tauri, Rust, React, Tailwind CSS, and Deno.
It allows you to monitor system processes in real-time, including:

  • šŸ” Process name and ID
  • ā±ļø Running time (formatted)
  • 🧠 Memory usage (live, formatted intelligently)
  • šŸ“ˆ Highlight processes using maximum memory and longest running

Designed to be minimal, fast, and offline-first — no servers needed!


✨ Features

  • Real-time system process tracking
  • Highlight:
    • šŸš€ Process consuming the most memory
    • šŸ•’ Process running for the longest time
  • Background memory monitoring and alerts āš ļø
  • Responsive, elegant UI with Tailwind CSS
  • Tiny final binary using Rust release optimizations
  • Built with šŸ’› using Deno + Vite for frontend

šŸ“¦ Tech Stack

Area Technology
Frontend React + TypeScript + Tailwind CSS
Backend Rust (sysinfo + Tauri)
Bundler Vite (via Deno)
Desktop Framework Tauri
Styling TailwindCSS

šŸš€ Getting Started

Prerequisites


Clone the repository

git clone https://github.com/lordofthemind/tracker.git
cd tracker

Build frontend

deno task build

(uses Vite to build the production-ready React app)


Run in development mode

cargo tauri dev

This starts the Tauri dev server + React frontend together for live reload.


Build final desktop binary

# Build frontend
deno task build

# Build optimized binary
cargo tauri build

Find your executable inside:

src-tauri/target/release/bundle/

šŸ“ø Screenshots

Tracker App Screenshot


⚔ Folder Structure

tracker/
ā”œā”€ā”€ public/             # Static files
ā”œā”€ā”€ src/                # React frontend (TypeScript + Tailwind)
ā”œā”€ā”€ src-tauri/          # Tauri backend (Rust)
│   ā”œā”€ā”€ main.rs
│   ā”œā”€ā”€ lib.rs
│   └── tauri.conf.json
ā”œā”€ā”€ deno.json           # Deno tasks
ā”œā”€ā”€ vite.config.ts      # Vite configuration
ā”œā”€ā”€ tailwind.config.ts  # Tailwind configuration
└── README.md

🧠 How It Works

  • Rust backend uses sysinfo crate to list system processes.
  • Frontend calls backend functions using @tauri-apps/api/core invoke().
  • Displays:
    • Process Name
    • Process ID
    • Running Time (formatted nicely)
    • Memory Usage (auto-formatted to KB/MB/GB)
  • Background memory monitoring with Rust thread.

šŸ’” Future Improvements

  • Add sorting/filtering options in frontend
  • Show CPU usage per process
  • Add light/dark theme toggle
  • System tray support for background monitoring
  • Notifications for high memory usage

šŸ¤ Contributing

Contributions are welcome!
Feel free to open an issue or submit a pull request šŸš€


šŸ“œ License

This project is licensed under the MIT License.
See the LICENSE file for details.


šŸ“£ Acknowledgements


šŸ›”ļø Tracker - "Track your system's pulse."

Top categories

Loading Svelte Themes