The latest articles on DEV Community by amit giri (@amitgiri0001). https://dev.to/amitgiri0001 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F87542%2F95146c93-a3f7-49d8-a37a-3a2dafb974e9.jpeg https://dev.to/amitgiri0001 en amit giri Wed, 16 Jan 2019 12:47:39 +0000 https://dev.to/amitgiri0001/monitor-app-5d1h https://dev.to/amitgiri0001/monitor-app-5d1h <p>Sometimes it's just convenient to see how much the system is consumed with what programs we are using and that leads us to find some app which can show the usage of CPU, RAM and Network all the time without opening any Activity Monitor or Task Manager in system.</p> <p>I tried to find some apps but could't find anything for free(Obviously if you PAY you GET stuff easily), so it clicked to me why not write code for it.</p> <p>So all I needed was NodeJs + some packages to get system stats and Electron to give those stats a face.</p> <p>so here is the <strong>output</strong> <em>[15 | 8 GB | 0.1]</em> in the image below as of now and its just the basic implementation of it.</p> <blockquote> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--zE8T1ySe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/eoaz6lfn9m0a5u97u3im.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--zE8T1ySe--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/eoaz6lfn9m0a5u97u3im.png" alt="Screenshot of Monitor-app"></a></p> </blockquote> <p><em>There are a list of TODOs to be done. Feel free to suggest and contribute if you like</em></p> <h1> Github </h1> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vJ70wriM--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/github-logo-ba8488d21cd8ee1fee097b8410db9deaa41d0ca30b004c0c63de0a479114156f.svg" alt="GitHub logo"> <a href="https://github.com/amitgiri0001"> amitgiri0001 </a> / <a href="https://github.com/amitgiri0001/monitor-app"> monitor-app </a> </h2> <h3> The simplest ever monitor app that sticks in the corner of the screen and be visible all the time for monitoring CPU, Memory and Network. </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <h1> monitor-app</h1> <p><a rel="noopener noreferrer" href="https://github.com/amitgiri0001/monitor-app/blob/master/Screenshot.png"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Qm64k-75--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://github.com/amitgiri0001/monitor-app/raw/master/Screenshot.png" alt="alt text"></a></p> <p>The simplest ever monitor app that sticks in the corner of the screen and be visible all the time for monitoring CPU, Memory and Network.</p> <h1> Installation</h1> <p><code>nvm use 11; npm i</code></p> <h1> Run</h1> <p><code>npm start</code></p> <h1> Build</h1> <p><code>npm run build</code></p> <p>The build will create package according to the option provided.</p> <h1> TODO</h1> <ol> <li>Should be able to provide options for build for individual platforms (Currently just supports drawin/mac by code).</li> <li>Should have option to disable/enable CPU/RAM/Network</li> </ol> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/amitgiri0001/monitor-app">View on GitHub</a></div> <br> </div> <br> javascript electron node