Convert your website/blog into Linux Desktop Application Build using Electron

• Electron
• Electron Packager
• Electron Debian Installer

# Install Electrom
sudo npm install -g electron --unsafe-perm=true

# installer debian package
sudo npm install -g electron-installer-debian

# Install Electron Packager
sudo npm install electron-packager -g

• Clone this Respo

https://github.com/mskian/electron-example.git

• Install dependencies

cd electron-example

yarn

• Build a Package for Linux

yarn package-linux

• Build .deb Package

yarn create-debian-installer

• Add Icons on assets/icons Directory
• open https://appiconmaker.co and Upload your ICON.Format png & size 512x512
• After Generating the ICONS download iOS icons zip file & Extract all the icons in assets/icons (PS: Before Adding your Own ICONS Cleanup Default icons which already added for example APP)
• Don't Rename the ICONS

• open main.js File
• Find the Below & Update your Blog/website URL

var weburl = 'https://task.santhoshveer.com';

• Add Background Color Find this Line backgroundColor: '#15171A', & Replace it with your Background Color code
• Test your APP

electron --disable-gpu main.js

• debian.json = dest - Set the location for .deb package Storage After the Package Build
• package.json - Open it & replace it with your Name, Description and Version

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "package-linux": "electron-packager .  electron-example --overwrite --platform=linux --arch=x64 --icon=assets/icons/Icon-1024.png --asar --prune=true --out=release-builds",
    "create-debian-installer": "electron-installer-debian --src release-builds/electron-example-linux-x64/ --arch amd64 --config debian.json"
  }

• electron-example - Replace with your APP Name
• release-builds/electron-example-linux-x64/ - same Replace electron-example with your APP Name

Special thanks to Christian Engvall for this Awesome Tutorials

MIT