{"id":19922906,"url":"https://github.com/12343954/electron-react-webpack-typescript-2022-corona","last_synced_at":"2026-04-10T07:02:51.641Z","repository":{"id":80593940,"uuid":"467379400","full_name":"12343954/electron-react-webpack-typescript-2022-corona","owner":"12343954","description":"Electron React Webpack Typescript with CORONA Admin 2022","archived":false,"fork":false,"pushed_at":"2022-03-08T07:22:57.000Z","size":19953,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-01T10:17:14.786Z","etag":null,"topics":["admin-dashboard","corona","electron","react","typescript","webpack"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/12343954.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2022-03-08T05:42:32.000Z","updated_at":"2022-03-08T07:32:54.000Z","dependencies_parsed_at":null,"dependency_job_id":"4fe3589a-25ae-4027-9a29-4bb6d4297955","html_url":"https://github.com/12343954/electron-react-webpack-typescript-2022-corona","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/12343954/electron-react-webpack-typescript-2022-corona","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/12343954%2Felectron-react-webpack-typescript-2022-corona","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/12343954%2Felectron-react-webpack-typescript-2022-corona/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/12343954%2Felectron-react-webpack-typescript-2022-corona/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/12343954%2Felectron-react-webpack-typescript-2022-corona/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/12343954","download_url":"https://codeload.github.com/12343954/electron-react-webpack-typescript-2022-corona/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/12343954%2Felectron-react-webpack-typescript-2022-corona/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286079811,"owners_count":27282121,"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","status":"online","status_checked_at":"2025-11-26T02:00:06.075Z","response_time":193,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["admin-dashboard","corona","electron","react","typescript","webpack"],"created_at":"2024-11-12T22:12:25.700Z","updated_at":"2025-11-26T07:04:00.814Z","avatar_url":"https://github.com/12343954.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Electron React Webpack Typescript with CORONA Admin 2022\n\n## Base on:\n1. [Electron React Webpack Typescript - Boilerplate 2022](https://github.com/codesbiome/electron-react-webpack-typescript-2022) \u003cbr/\u003eA very powerful and out-of-the-box electron+react scaffolding.\n2. [CoronaAdmin-Free-Admin-Template](https://github.com/BootstrapDash/corona-free-dark-bootstrap-admin-template) \u003cbr/\u003eA very beautiful and responsive layout admin template, I liked it very much.\n\nERWT is a minimal boilerplate for writing Desktop Applications using [Electron](https://www.electronjs.org/), [React](https://reactjs.org/), [Webpack](https://webpack.js.org/) \u0026 [TypeScript](https://www.typescriptlang.org/). \u003cbr /\u003e This project makes use of latest packages and configurations to serve the best environment for development.\n\n## A few improvements have been made\n1. convert all CORONA js code to tsx\n2. add a custom icon, when packaging\n3. add `scss` style loader\n\n\n\n## Screenshot\n|||\n|:---:|:---:|\n|\u003cimg src=\"assets/images/Screenshot_Login.png\" /\u003e|\u003cimg src=\"assets/images/Screenshot_404.png\" /\u003e| \n|\u003cimg src=\"assets/images/Screenshot_dashboard.png\" /\u003e|\u003cimg src=\"assets/images/Screenshot_Sidebar_2.png\" /\u003e| \n|\u003cimg src=\"assets/images/Screenshot_Buttons.png\" /\u003e|\u003cimg src=\"assets/images/Screenshot_Form.png\" /\u003e| \n|\u003cimg src=\"assets/images/Screenshot_table.png\" /\u003e|\u003cimg src=\"assets/images/Screenshot_text.png\" /\u003e| \n|\u003cimg src=\"assets/images/Screenshot_charts.png\" /\u003e\u003cbr/\u003e\u003cimg src=\"assets/images/screen_540.png\" /\u003e |\u003cimg src=\"assets/images/Screenshot_charts_2.png\" /\u003e|\n\n\n\u003cbr\u003e\n\n## Custom Window Titlebar \u0026 Menu\n\nThis project now includes custom [Electron Window](https://github.com/guasam/electron-window),  Titlebar, Menu Items, Window Controls \u0026 application icon etc by default. Menu items and windows controls layout or colors can be customized easily by modifying the `misc/window` modules. The `windows` platform buttons are being used by default in the Titlebar.\n\nMenubar can be toggled by pressing `ALT` key\n\n\u003ccenter\u003e\n    \u003cimg src=\"assets/images/titlebar_showcase.png\" /\u003e\n\u003c/center\u003e\n\n\u003cbr\u003e\n\n## Core Features\n- 🆒 CoronaAdmin-Free-Admin-Template [Responsive layout] 🆕\n- 📐 Custom Window \u0026 Titlebar with Menus\n- 🌟 Electron\n- 🌀 TypeScript\n- ⚛️ React\n- 💖 SASS/SCSS Loader 🆕\n- 🛶 LESS Loader\n- 🎨 CSS Loader\n- 📸 Image Loader\n- 🆎 Font Loader\n- 🧹 ESLint\n- 📦 Electron Forge\n- 🔱 Webpack \u0026 Configuration\n- 🧩 Aliases for project paths\n- 🔥 Hot Module Replacement (Live Reload)\n- 🎁 Package Bundling (Distribution / Release)\n\n\u003cbr /\u003e\n\n## Installation\n\nTo clone the ERWT boilerplate, you need to run following commands:\n\n![status](https://img.shields.io/badge/ERWT-Master-blue.svg)\n\nMaster version of ERWT contains project files in separate context for main and renderer process, uses custom window, custom titlebar \u0026 menus.\n\n```bash\ngit clone --recurse-submodules https://github.com/12343954/electron-react-webpack-typescript-2022-corona\n```\n\n\u003cdiv align=\"center\"\u003e\n    OR\n\u003c/div\u003e\n\n![status](https://img.shields.io/badge/ERWT-Minimal-0a922a.svg)\n\nMinimal version of ERWT contains very simple project files structure, no custom window, no custom titlebar \u0026 menus.\n\n```bash\ngit clone -b minimal https://github.com/12343954/electron-react-webpack-typescript-2022-corona\n```\n\n\u003cbr\u003e\n\nInstall dependencies using [Yarn](https://www.npmjs.com/package/yarn) or [NPM](https://www.npmjs.com/) :\n\n```bash\nyarn install\n```\n\n\u003cbr /\u003e\n\n## Start : Development\n\nTo develop and run your application, you need to run following command.\n\u003cbr /\u003e\nStart electron application for development :\n\n```bash\nyarn start\n```\n\n\u003cbr /\u003e\n\n## Lint : Development\n\nTo lint application source code using ESLint via this command :\n\n```bash\nyarn lint\n```\n\n\u003cbr /\u003e\n\n## Package : Production\n\nCustomize and package your Electron app with OS-specific bundles (.app, .exe etc)\n\n```bash\nyarn package\n```\n\n\u003cbr /\u003e\n\n## Make : Production\n\nMaking is a way of taking your packaged application and making platform specific distributables like DMG, EXE, or Flatpak files (amongst others).\n\n```bash\nyarn make\n```\n\n\u003cbr /\u003e\n\n## Publish : Production\n\nPublishing is a way of taking the artifacts generated by the `make` command and sending them to a service somewhere for you to distribute or use as updates. (This could be your update server or an S3 bucket)\n\n```bash\nyarn publish\n```\n\n\u003cbr /\u003e\n\n## Packager \u0026 Makers Configuration\n\nThis provides an easy way of configuring your packaged application and making platform specific distributables like DMG, EXE, or Flatpak files.\n\nThis configurations file is available in :\n\n```bash\ntools/forge/forge.config.js\n```\n\nFor further information, you can visit [Electron Forge Configuration](https://www.electronforge.io/configuration)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F12343954%2Felectron-react-webpack-typescript-2022-corona","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F12343954%2Felectron-react-webpack-typescript-2022-corona","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F12343954%2Felectron-react-webpack-typescript-2022-corona/lists"}