Cpu -performance Dashboard

This project is built on the Vite build with a React TSX template. It uses the recharts library and the os library of Node.js to generate real-time system monitoring graphs where you can check your memory and CPU consumption. It uses WebSocket for real-time changes.

Features

• Real-time system monitoring
• Memory and CPU consumption graphs
• Built with Vite and React TSX
• Uses WebSocket for real-time updates

Preview


Getting Started

Follow these steps to clone and run the project:

Prerequisites

• Node.js installed on your machine
• npm or yarn package manager

Installation

1. Clone the repository:

   git clone https://github.com/Vaibhavkulshrestha12/Monitering-Dashboard.git

2. Navigate to the project directory:

   cd Monitering-Dashboard

3. Install dependencies:

   Using npm:

   npm install

   Using yarn:

   yarn install

Running the Project

1. Start the development server:

   Using npm:

   npm run dev

   Using yarn:

   yarn dev

2. Open your browser and navigate to:

   http://localhost:3000
   

3. Start the backend server in another terminal:

   node server/index.js

License

Damn these licenses do whatever you want to do with this !