{"id":13706829,"url":"https://github.com/crilleengvall/electron-tutorial-app","last_synced_at":"2025-04-04T07:08:44.766Z","repository":{"id":37431507,"uuid":"66436423","full_name":"crilleengvall/electron-tutorial-app","owner":"crilleengvall","description":"An electron application for tutorials","archived":false,"fork":false,"pushed_at":"2022-12-07T02:24:28.000Z","size":1925,"stargazers_count":765,"open_issues_count":29,"forks_count":186,"subscribers_count":35,"default_branch":"master","last_synced_at":"2025-03-28T06:09:22.899Z","etag":null,"topics":["electron","electron-app","electron-application","electron-tutorial"],"latest_commit_sha":null,"homepage":null,"language":"CSS","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/crilleengvall.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}},"created_at":"2016-08-24T06:25:17.000Z","updated_at":"2025-03-12T22:43:37.000Z","dependencies_parsed_at":"2022-08-19T18:31:47.730Z","dependency_job_id":null,"html_url":"https://github.com/crilleengvall/electron-tutorial-app","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/crilleengvall%2Felectron-tutorial-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crilleengvall%2Felectron-tutorial-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crilleengvall%2Felectron-tutorial-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/crilleengvall%2Felectron-tutorial-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/crilleengvall","download_url":"https://codeload.github.com/crilleengvall/electron-tutorial-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247135144,"owners_count":20889421,"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-application","electron-tutorial"],"created_at":"2024-08-02T22:01:09.407Z","updated_at":"2025-04-04T07:08:44.737Z","avatar_url":"https://github.com/crilleengvall.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"![Electron tutorial app](http://www.christianengvall.se/wp-content/uploads/2017/10/Electron-tutorial-app-github.png \"Electron tutorial app\")\n# Electron tutorial app\nAn electron application for tutorials\n\n## Installation\nThis post contains [installation instructions](https://www.christianengvall.se/install-electron-tutorial-app/ \"Install electron tutorial app\")\n\n## 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 navigation](http://www.christianengvall.se/electron-app-navigation/) | Add a left menu and make it load new sections |\n| 04 | [Electron frameless window](http://www.christianengvall.se/electron-frameless-window/) | A frameless window is a window that has no chrome, the parts of the window, like toolbars, that are not a part of the web page |\n| 05 | [Electron white screen app startup](http://www.christianengvall.se/electron-white-screen-app-startup/) | This post will cover how to fix the electron white screen app startup |\n| 06 | [Electron app icons](http://www.christianengvall.se/electron-app-icons/) | Adding icons to the app |\n| 07 | [Electron packager tutorial](http://www.christianengvall.se/electron-packager-tutorial/) | Creating packages for mac, windows and linux |\n| 08 | [Electron menu](http://www.christianengvall.se/electron-menu/) | Adding a main menu to your Electron app |\n| 09 | [Electron localization](http://www.christianengvall.se/electron-localization/) | Translating an Electron app |\n| 10 | [Main process and Renderer process in Electron](http://www.christianengvall.se/main-and-renderer-process-in-electron/) | A simple explanation |\n| 11 | [IPCMain and IPCRenderer](http://www.christianengvall.se/ipcmain-and-ipcrenderer/) | Communicating between main and renderer process |\n| 12 | [Electron asar](http://www.christianengvall.se/electron-asar/) | Packaging the app with asar |\n| 13 | [DMG Installer](http://www.christianengvall.se/dmg-installer-electron-app/) | Creating a DMG-installer for macOS |\n| 14 | [Windows installer](http://www.christianengvall.se/electron-windows-installer/) | Creating a windows installer with electron-winstaller |\n| 15 | [Debian package installer](https://www.christianengvall.se/electron-installer-debian-package/) | Create a debian package |\n| 16 | [Update to latest Electron version](https://www.christianengvall.se/update-to-latest-electron-version/) | Update electron to the latest version using npm |\n| 17 | [Dialogs](https://www.christianengvall.se/electron-dialog-tutorial/) | Display dialogs with electron, [showOpenDialog](https://www.christianengvall.se/electron-showopendialog-tutorial/ \"showOpenDialog\"), [showErrorBox](https://www.christianengvall.se/electron-showerrorbox-tutorial/ \"showErrorBox\"), [showMessageBox](https://www.christianengvall.se/electron-show-messagebox/ \"showMessageBox\"), [showSaveDialog](https://www.christianengvall.se/electron-showsavedialog-tutorial/ \"showSaveDialog\") |\n| 18 | [Darkmode (macOS)](https://www.christianengvall.se/electron-js-dark-mode-with-packager/) | Enable darkmode support on macOS with electron packager |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrilleengvall%2Felectron-tutorial-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcrilleengvall%2Felectron-tutorial-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrilleengvall%2Felectron-tutorial-app/lists"}