The Demo Performance Monitor is a web-based tool designed for developers and IT professionals to monitor the performance of their web applications. With real-time tracking of CPU, memory, and network usage, this tool provides insights into application performance with a sleek, terminal-inspired user interface.

• Features:
  • Real-time monitoring of CPU, memory, and network usage.
  • Customizable refresh intervals.
  • Interactive line charts for performance visualization.
  • Lightweight and responsive design optimized for developers.
  • Built using HTML, CSS, and JavaScript with the Chart.js library.

1. Clone this repository:

   git clone https://github.com/tholumuzikhuboni/performance-monitor-demo.git
   

2. Open the index.html file in your browser to start using the tool.

Follow these steps to start monitoring your web app's performance:

1. Select the metric you wish to monitor: CPU, Memory, or Network.
2. Define the refresh interval (in milliseconds) based on your tracking needs.
3. Click Start Monitoring to begin real-time tracking.
4. View the metrics in the output box, with real-time charts updating as you monitor.

• HTML5: For structuring the content of the web page.
• CSS3: For styling the page and making it visually appealing.
• JavaScript: For interactivity and real-time monitoring functionality.
• Bootstrap 5: For responsive design and components.
• Font Awesome: For icons used throughout the interface.
• Chart.js: For displaying real-time performance data in charts.

Contributions are always welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork the repository.
2. Create a new branch for your changes (git checkout -b feature-name).
3. Commit your changes (git commit -am 'Add new feature').
4. Push to the branch (git push origin feature-name).
5. Open a Pull Request.

Please ensure that your code adheres to the existing code style, and provide a description of the changes you made in your pull request.