{"id":28250175,"url":"https://github.com/h5sh/firstelectronapp","last_synced_at":"2025-07-01T05:39:57.939Z","repository":{"id":227501672,"uuid":"771588584","full_name":"H5SH/firstElectronApp","owner":"H5SH","description":"My first Electron App, a cross platform desktop App builder","archived":false,"fork":false,"pushed_at":"2024-06-06T22:48:18.000Z","size":369,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-19T13:16:31.617Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/H5SH.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-03-13T15:18:26.000Z","updated_at":"2024-12-17T05:59:01.000Z","dependencies_parsed_at":"2024-03-19T13:45:10.453Z","dependency_job_id":"f8201b13-91d0-401b-bc2c-424999540b9f","html_url":"https://github.com/H5SH/firstElectronApp","commit_stats":null,"previous_names":["h5sh/firstelectronapp"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/H5SH/firstElectronApp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/H5SH%2FfirstElectronApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/H5SH%2FfirstElectronApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/H5SH%2FfirstElectronApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/H5SH%2FfirstElectronApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/H5SH","download_url":"https://codeload.github.com/H5SH/firstElectronApp/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/H5SH%2FfirstElectronApp/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262906090,"owners_count":23382725,"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":[],"created_at":"2025-05-19T13:16:31.319Z","updated_at":"2025-07-01T05:39:57.931Z","avatar_url":"https://github.com/H5SH.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# firstElectronApp\n\n`https://www.electronforge.io/guides/framework-integration/react`\n\n`https://dev.to/navdeepm20/electron-with-react-create-cross-platform-desktop-app-easily-1a13`\n\n## For build and Packaging \n\n`https://www.electronjs.org/docs/latest/tutorial/tutorial-packaging`\n\n## Notification\n\n### Electron Api's\n\nElectron api's are only available for main.js file, so notification function must be declared there using ipcMain\n\n`ipcMain.on(\u003cCustomEventName\u003e, function())` \n\nand ipcRenderer, contextBridge declare a variable \n\n```\nconst {contextBridge, ipcRenderer} = require('electron')\n\ncontextBridge.exposeInMainWorld('electronAPI', {\n    \u003cNameOfFunction\u003e: (\u003cparameters\u003e)=\u003e {\n        ipcRenderer.send(\u003ceventListnerDeclaredByipcMain\u003e, \u003cparametrs\u003e)\n    },\n});\n```\n\nwhere electronAPI is a variable which can be accessed using\n\n`const {electronAPI} = window`\n\nanywhere in react files\n\n\n### react-desktop-notification\n\nso used react desktop notification instead.\n\n### Import React\n\nimport React from 'react'\nis a must to make file renderable.\n\n### For Tailwind Intigration \n\n` npm i --save-dev tailwindcss postcss-loader autoprefixer\n  or\n  yarn add -dev tailwindcss postcss-loader autoprefixer`\n\nAnd then in webpack.renderer.config.js write\n\n`rules.push({\n  test: /\\.css$/,\n  use: [{ loader: 'style-loader' }, { loader: 'css-loader' }, {loader: 'postcss-loader'}],\n});`\n\n## Build Command\n\nyarn make or npm run make (with electron-forge install make command listed in package.json example in this project)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fh5sh%2Ffirstelectronapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fh5sh%2Ffirstelectronapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fh5sh%2Ffirstelectronapp/lists"}