{"id":18805814,"url":"https://github.com/mskian/electron-example","last_synced_at":"2025-04-13T19:12:18.360Z","repository":{"id":34629215,"uuid":"180932960","full_name":"mskian/electron-example","owner":"mskian","description":"Convert your Website/blog into Desktop Application for Linux","archived":false,"fork":false,"pushed_at":"2024-11-19T11:29:24.000Z","size":1183,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-27T09:51:51.893Z","etag":null,"topics":["electron","electron-app","electron-builder","electron-desktop","electronjs","linux-desktop-application"],"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-12T04:55:44.000Z","updated_at":"2024-11-19T11:29:42.000Z","dependencies_parsed_at":"2024-11-07T22:45:12.485Z","dependency_job_id":"18777237-86ec-42a4-8cfa-96b6a4e1429e","html_url":"https://github.com/mskian/electron-example","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","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mskian%2Felectron-example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mskian%2Felectron-example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mskian%2Felectron-example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mskian","download_url":"https://codeload.github.com/mskian/electron-example/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","electronjs","linux-desktop-application"],"created_at":"2024-11-07T22:45:07.208Z","updated_at":"2025-04-13T19:12:18.336Z","avatar_url":"https://github.com/mskian.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Electron Linux Desktop APPlication\n\n[![dependencies Status](https://david-dm.org/mskian/electron-example/status.png)](https://david-dm.org/mskian/electron-example) [![Build Status](https://travis-ci.org/mskian/electron-example.svg?branch=master)](https://travis-ci.org/mskian/electron-example)  \n\nConvert your website/blog into Linux Desktop Application Build using Electron\n\n## Requirements\n\n- Electron\n- Electron Packager\n- Electron Debian Installer\n\n```bash\n\n# Install Electrom\nsudo npm install -g electron --unsafe-perm=true\n\n# installer debian package\nsudo npm install -g electron-installer-debian\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.git\n```\n\n- Install dependencies\n\n```bash\ncd electron-example\n```\n\n```bash\nyarn\n```\n\n- Build a Package for Linux\n\n```bash\nyarn package-linux\n```\n\n- Build `.deb` Package\n\n```bash\nyarn create-debian-installer\n```\n\n## Customization\n\n### Add ICONS\n\n- Add Icons on `assets/icons` Directory\n- open `https://appiconmaker.co` and Upload your ICON.Format `png` \u0026 size 512x512\n- After Generating the ICONS download iOS icons zip file \u0026 Extract all the icons in `assets/icons` (PS: Before Adding your Own ICONS Cleanup Default icons which already added for example APP)\n- Don't Rename the ICONS\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 --disable-gpu main.js\n```\n\n#### Deb package Setup\n\n- `debian.json` = `dest` - Set the location for `.deb` package Storage After the Package Build\n- `package.json` - Open it \u0026 replace it with your Name, Description and Version\n\n```json\n\"scripts\": {\n    \"test\": \"echo \\\"Error: no test specified\\\" \u0026\u0026 exit 1\",\n    \"package-linux\": \"electron-packager .  electron-example --overwrite --platform=linux --arch=x64 --icon=assets/icons/Icon-1024.png --asar --prune=true --out=release-builds\",\n    \"create-debian-installer\": \"electron-installer-debian --src release-builds/electron-example-linux-x64/ --arch amd64 --config debian.json\"\n  }\n```\n\n- `electron-example` - Replace with your APP Name\n- `release-builds/electron-example-linux-x64/` - 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","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmskian%2Felectron-example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmskian%2Felectron-example/lists"}