Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cheke42/overlayapp-uso-cpu
Desarrollo realiado de una aplicación flotante que muestre el estado de CPU
https://github.com/cheke42/overlayapp-uso-cpu
css electron html javascript
Last synced: 1 day ago
JSON representation
Desarrollo realiado de una aplicación flotante que muestre el estado de CPU
- Host: GitHub
- URL: https://github.com/cheke42/overlayapp-uso-cpu
- Owner: cheke42
- Created: 2024-03-13T17:57:16.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-05-02T02:35:25.000Z (9 months ago)
- Last Synced: 2024-11-24T06:13:24.356Z (2 months ago)
- Topics: css, electron, html, javascript
- Language: JavaScript
- Homepage:
- Size: 373 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Uso de CPU 📝
En este proyecto se realizó una aplicación flotante con [Electron.js](https://www.electronjs.org/) que muestra el uso de CPU actual utilizando la libreria de NodeJS [systeminformation](https://www.npmjs.com/package/systeminformation)
## Instalar dependencias
Para instalar las dependencias ejecturar en la raíz del proyecto el siguiente comando:
```
npm install
```## Ejecución de la aplicación
Una vez instaladas las dependencias, correr el siguiente comando para visualizar la aplicación:
```
npm start
```## Desplegar la aplicación para windows: ✨
Para desplegar la aplicación ejecutar el siguiente comando:
```
npm run package-win
```Este comando ejecuta el script configurado previamente en el package.json que realiza lo siguiente:
```
...
"package-win": "electron-packager . overlay-cpu-usage
--overwrite --asar=true --platform=win32
--arch=ia32 --icon=assets/icons/win/icon.ico
--prune=true --out=release-builds
--version-string.CompanyName=CE --version-string.FileDescription=CE
--version-string.ProductName=\"Electron Tutorial App\"",
...
```El ejecutable quedará dentro de la carpeta _"realse-builds\NOMBRE_APLICACION\NOMBRE_APLICACION.exe"_
## Captura de pantalla:
![Alt text](/assets/screenshot.png?raw=true "Captura")