{"id":18805822,"url":"https://github.com/mskian/electron-example-windows","last_synced_at":"2025-04-13T19:12:33.442Z","repository":{"id":36366272,"uuid":"181307264","full_name":"mskian/electron-example-windows","owner":"mskian","description":"Convert your website/blog into Windows Application Build using Electron","archived":false,"fork":false,"pushed_at":"2023-08-28T03:43:03.000Z","size":1160,"stargazers_count":5,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-27T09:51:53.318Z","etag":null,"topics":["electron","electron-app","electron-builder","electron-desktop"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mskian.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-04-14T12:42:28.000Z","updated_at":"2023-03-08T14:07:20.000Z","dependencies_parsed_at":"2024-11-07T22:45:14.718Z","dependency_job_id":"3b62aedc-1c7b-4ab7-b567-661eca7a2be8","html_url":"https://github.com/mskian/electron-example-windows","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mskian%2Felectron-example-windows","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mskian%2Felectron-example-windows/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mskian%2Felectron-example-windows/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mskian%2Felectron-example-windows/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mskian","download_url":"https://codeload.github.com/mskian/electron-example-windows/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248766743,"owners_count":21158301,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["electron","electron-app","electron-builder","electron-desktop"],"created_at":"2024-11-07T22:45:09.221Z","updated_at":"2025-04-13T19:12:33.407Z","avatar_url":"https://github.com/mskian.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Electron Example Windows APPlication\n\n[![dependencies Status](https://david-dm.org/mskian/electron-example-windows/status.png)](https://david-dm.org/mskian/electron-example-windows) [![Build Status](https://travis-ci.org/mskian/electron-example-windows.svg?branch=master)](https://travis-ci.org/mskian/electron-example-windows)  \n\n\u003e Convert your website/blog into Windows Application Build using Electron  \n\n## Requirements\n\n- Electron\n- Electron Packager\n- Electron Win Installer\n\n```bash\n\n# Install Electrom\nsudo npm install -g electron --unsafe-perm=true\n\n# Install Electron Packager\nsudo npm install electron-packager -g\n\n```\n\n## Installation\n\n- Clone this Respo\n\n```bash\nhttps://github.com/mskian/electron-example-windows.git\n```\n\n- Install dependencies\n\n```bash\ncd electron-example-windows\n```\n\n```bash\nyarn\n```\n\n- Build a Package for Windows\n\n```bash\nyarn package-win\n```\n\n- Build `.exe` Package\n\n```bash\nyarn create-installer-win\n```\n\n## Customization\n\n### Add ICONS\n\n- Add Icons on `assets/icons/win` Directory\n- open `https://convertico.com/` and Upload your ICON.Format `png` \u0026 size 512x512\n- Convert your `png` icon to `ico`Format\n- Rename the icon `Icon-512.ico` to `Icon.ico`\n- Next Move the Icon to `assets/icons/win` Folder (PS: Before Adding your Own ICON Cleanup Default icon which already added for example APP)\n\n### Convert the website/blog to Desktop APP\n\n- open `main.js` File\n- Find the Below \u0026 Update your Blog/website URL\n\n```js\nvar weburl = 'https://task.santhoshveer.com';\n```\n\n- Add Background Color Find this Line `backgroundColor: '#15171A',` \u0026 Replace it with your Background Color code\n- Test your APP\n\n```bash\nelectron main.js\n```\n\n- Open `/installers/windows/createinstaller.js` File \u0026 Update the APP Directory, Author name, Output Directory, Setup `exe` File Name.\n\n#### Windows package Setup\n\n- `package.json` - Open it \u0026 replace it with your Name, Description and Version\n- Windows Application Packager and Builder Configuration from `package.json`\n\n```json\n \"scripts\": {\n    \"test\": \"echo \\\"Error: no test specified\\\" \u0026\u0026 exit 1\",\n    \"package-win\": \"electron-packager . electron-example --overwrite --asar --platform=win32 --arch=ia32 --icon=assets/icons/win/icon.ico --prune=true --out=release-builds --version-string.CompanyName=MSKIAN --version-string.FileDescription=MSKIAN --version-string.ProductName=\\\"Electron Example\\\"\",\n    \"create-installer-win\": \"node installers/windows/createinstaller.js\"\n  },\n```\n\n- `electron-example` - Replace with your APP Name\n- `release-builds/electron-example-win32-ia32/` - same Replace `electron-example` with your APP Name\n\n### Learn More about Electron\n\nSpecial thanks to Christian Engvall for this Awesome Tutorials\n\n| # | Topic | Description |\n|---|:------|-------------|\n| 01 | [Hello world tutorial](http://www.christianengvall.se/electron-hello-world/) | Get electron running on your computer |\n| 02 | [Testing electron app on Ubuntu](http://www.christianengvall.se/testing-electron-app-on-ubuntu-linux/) | Set up a VirtualBox virtual machine running Ubuntu and share app |\n| 03 | [Electron app icons](http://www.christianengvall.se/electron-app-icons/) | Adding icons to the app |\n| 04 | [Electron packager tutorial](http://www.christianengvall.se/electron-packager-tutorial/) | Creating packages for mac, windows and linux |\n| 05 | [Electron menu](http://www.christianengvall.se/electron-menu/) | Adding a main menu to your Electron app |\n| 06 | [Electron asar](http://www.christianengvall.se/electron-asar/) | Packaging the app with asar |\n| 07 | [DMG Installer](http://www.christianengvall.se/dmg-installer-electron-app/) | Creating a DMG-installer for macOS |\n| 08 | [Windows installer](http://www.christianengvall.se/electron-windows-installer/) | Creating a windows installer with electron-winstaller |\n| 09 | [Debian package installer](https://www.christianengvall.se/electron-installer-debian-package/) | Create a debian package |\n| 10 | [Update to latest Electron version](https://www.christianengvall.se/update-to-latest-electron-version/) | Update electron to the latest version using npm |\n\n## LICENSE\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmskian%2Felectron-example-windows","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmskian%2Felectron-example-windows","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmskian%2Felectron-example-windows/lists"}