{"id":21000937,"url":"https://github.com/robinwalterfit/electron-ts-photon-react-starter","last_synced_at":"2026-04-14T06:02:56.874Z","repository":{"id":216392404,"uuid":"114685718","full_name":"robinwalterfit/electron-ts-photon-react-starter","owner":"robinwalterfit","description":"A template to get started with developing Electron apps in TypeScript with Photon \u0026 React","archived":false,"fork":false,"pushed_at":"2017-12-18T20:42:45.000Z","size":643,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-01-20T09:46:16.606Z","etag":null,"topics":["css","electron","html","photon","react","scss","typescript"],"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/robinwalterfit.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":"2017-12-18T20:42:38.000Z","updated_at":"2017-12-18T20:43:46.000Z","dependencies_parsed_at":null,"dependency_job_id":"646e20d3-43fb-498a-a1c6-7c637154fe9f","html_url":"https://github.com/robinwalterfit/electron-ts-photon-react-starter","commit_stats":null,"previous_names":["robinwalterfit/electron-ts-photon-react-starter"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robinwalterfit%2Felectron-ts-photon-react-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robinwalterfit%2Felectron-ts-photon-react-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robinwalterfit%2Felectron-ts-photon-react-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/robinwalterfit%2Felectron-ts-photon-react-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/robinwalterfit","download_url":"https://codeload.github.com/robinwalterfit/electron-ts-photon-react-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243418637,"owners_count":20287798,"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":["css","electron","html","photon","react","scss","typescript"],"created_at":"2024-11-19T08:13:02.382Z","updated_at":"2025-12-29T07:04:48.421Z","avatar_url":"https://github.com/robinwalterfit.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# electron-ts-photon-react-starter\n\nThe electron-ts-photon-react-starter repository can be used as a template to get started with developing [Electron](https://electronjs.org/) apps in [TypeScript](https://www.typescriptlang.org/) with [Photon](http://photonkit.com/) \u0026 [React](https://reactjs.org/)\n\n## Getting Started\n\nThese instructions will get you a copy of the project up and running on your local machine for development.\n\n### To Use\n\nTo clone and run this repository you'll need [Git](https://git-scm.com/) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com/)) installed on your computer. From your command line:\n\n```\n# Clone this repository\n$ git clone https://github.com/robinwalterfit/electron-ts-photon-react-starter.ts\n# Go into the repository\n$ cd electron-ts-photon-react-starter\n# Install dependencies\n$ npm install\n# Run the app\n$ npm start\n```\n\n## Deployment\n\nThis template uses the [Electron icon](https://github.com/electron/electron/blob/master/default_app/icon.png) by default. First, remove the `isDevMode` and `DEVELOPER_TOOLS` in your `main.ts`. Otherwise your project won't work in production mode.\n\n### Icons\n\nYou have to create your own icon sets! For example with macOS you can do the following:\n\n#### Linux icon\n\nCreate a 1024x1024 icon with a program of your choice – e.g. Photoshop, Affinity Photo, Illustrator, Affinity Designer, GIMP, etc. – and safe it with the same dimensions as in `src/assets/icons/png` as **png**.\n\n#### macOS icon\n\nCreate a directory `icon.iconset`. Inside this directory you will create copies of your icon with the right dimensions. Checkout `src/assets/icons/mac/icon.iconset` for the right dimensions.\n\n**Note**: `@2x` indicates that the icon is twice as big. E.g. `icon_512x512@2x.png` has the dimension 1024x1024.\n\nOpen a terminal and execute the following command:\n\n```\n# Create the macOS icon: icon.icns\n$ iconutil -c icns path/to/icon.iconset\n```\n\n#### Windows icon\n\nOpen the `256x256.png` with Apple's built in Preview. Click on export in the menu. Now it's tricky:\n\nWhen you see the export dialog you can choose a file format from the dropdown list. By default there is no way to export to `.ico` file. Hold the `alt` key pressed on your keyboard and click on the dropdown list. Now you can choose the `Microsoft Symbol` format to safe your icon as `icon.ico`\n\n\nFor further instructions:\n\n* [Create Your Own Custom Icons in OS X 10.7.5 or Later](https://blog.macsales.com/28492-create-your-own-custom-icons-in-10-7-5-or-later)\n* [Create all favicon formats in Mac OS with Preview!](https://coderwall.com/p/89p9kw/create-all-favicon-formats-in-mac-os-with-preview)\n\n### Most annoying part\n\nYou have to check several files and change the entries according to your needs:\n\n* `package.json` ll. 2, 3, 44-50, 53, 54, 57, 64, 65, 68, 70\n* `src/menu/main.ts` l. 140\n* `installer/windows/createinstaller.js` ll. 27, 28, 31, 32\n\n## Built With\n\n* [Electron](https://electronjs.org/) – To build amazing cross-platform apps with HTML, CSS \u0026 JavaScript\n* [TypeScript](https://www.typescriptlang.org/)\n* [Photon](http://photonkit.com/) – The UI framework\n* [React](https://reactjs.org/)\n* [Sass/Scss](http://sass-lang.com) – The better CSS\n* [Node.js](https://nodejs.org/)\n* [electron-packager](https://github.com/electron-userland/electron-packager)\n* [electron-winstaller](https://github.com/electron/windows-installer)\n* [electron-installer-dmg](https://github.com/mongodb-js/electron-installer-dmg)\n* [electron-installer-debian](https://github.com/unindented/electron-installer-debian)\n\n## Versioning\n\nI use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/robinwalterfit/electron-ts-photon-react-starter/tags).\n\n## Authors\n\n* **Robin Walter** - *Initial work* - [robinwalterfit](https://github.com/robinwalterfit)\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details\n\n## Acknowledgments\n\n* Checkout these amazing cheat sheets: [README-Template](https://gist.github.com/PurpleBooth/109311bb0361f32d87a2), [CONTRIBUTING-Template](https://gist.github.com/PurpleBooth/b24679402957c63ec426) \u0026 [GitHub Emojis](https://gist.github.com/rxaviers/7360908)\n* Based on [Electron quick-start](https://github.com/electron/electron-quick-start) \u0026 [electron-tutorial-app](https://github.com/crilleengvall/electron-tutorial-app) – Tack för det! [@crilleengvall](https://github.com/crilleengvall/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobinwalterfit%2Felectron-ts-photon-react-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frobinwalterfit%2Felectron-ts-photon-react-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frobinwalterfit%2Felectron-ts-photon-react-starter/lists"}