Skip to content

About

Tab & User Activity Monitor: a React demo of what any website script can see. Logs tab switches, focus, idle time, clipboard copies, text selection and keystrokes in a retro terminal UI.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Latest commit

 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tab & User Activity Monitor

A browser-based React app that logs detailed user activity events inside a styled terminal interface. This tool detects tab switches, focus/blur, inactivity, clipboard access, text selection, and keystrokes while the tab is active.

Live Site

Screenshot_113


Features

  • Detects when a user:
    • Switches tabs or minimizes the window
    • Leaves or returns to the browser window
    • Goes idle for more than 60 seconds
    • Copies content (and logs clipboard content)
    • Highlights (selects) any text
    • Presses any key (while tab is active)
  • Styled like a Windows terminal for a nostalgic interface
  • Real-time logging with auto-scrolling output box

Technology Stack

  • React
  • JavaScript (ES6+)
  • CSS (custom + utility styles)

Getting Started

Prerequisites

  • Node.js (v16+ recommended)
  • npm or yarn

Installation and Running Locally

# Clone the repository
git clone https://github.com/your-username/tab-activity-monitor.git
cd tab-activity-monitor

# Install dependencies
npm install

# Start the development server
npm start

About

Tab & User Activity Monitor: a React demo of what any website script can see. Logs tab switches, focus, idle time, clipboard copies, text selection and keystrokes in a retro terminal UI.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages