{"id":23916719,"url":"https://github.com/rahil1202/electron-react-vite-template","last_synced_at":"2026-04-10T11:02:29.116Z","repository":{"id":270581291,"uuid":"910815167","full_name":"rahil1202/electron-react-vite-template","owner":"rahil1202","description":"A complete setup for building a cross-platform desktop application using React (frontend), Vite (development tooling), Node.js (backend), and Electron (desktop environment). This project serves as a template for developers looking to build modern desktop applications with a lightweight backend.","archived":false,"fork":false,"pushed_at":"2025-01-04T05:19:24.000Z","size":108,"stargazers_count":5,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-23T19:42:47.441Z","etag":null,"topics":["electron","electronjs","full-stack-application","nodejs","reactjs","template","vite","vite-plugin"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/rahil1202.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":"2025-01-01T14:14:07.000Z","updated_at":"2025-01-06T09:57:39.000Z","dependencies_parsed_at":"2025-01-01T15:25:16.019Z","dependency_job_id":"157355be-6e98-4f31-a676-9796b37e3a80","html_url":"https://github.com/rahil1202/electron-react-vite-template","commit_stats":null,"previous_names":["rahil1202/electron-react-vite-template"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/rahil1202/electron-react-vite-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rahil1202%2Felectron-react-vite-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rahil1202%2Felectron-react-vite-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rahil1202%2Felectron-react-vite-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rahil1202%2Felectron-react-vite-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rahil1202","download_url":"https://codeload.github.com/rahil1202/electron-react-vite-template/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rahil1202%2Felectron-react-vite-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31639524,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T07:40:12.752Z","status":"ssl_error","status_checked_at":"2026-04-10T07:40:11.664Z","response_time":98,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["electron","electronjs","full-stack-application","nodejs","reactjs","template","vite","vite-plugin"],"created_at":"2025-01-05T12:13:28.904Z","updated_at":"2026-04-10T11:02:29.111Z","avatar_url":"https://github.com/rahil1202.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Frontend + Vite + Node.js Backend + Electron\n\nA complete setup for building a cross-platform desktop application using React (frontend), Vite (development tooling), Node.js (backend), and Electron (desktop environment). This project serves as a template for developers looking to build modern desktop applications with a lightweight backend.\n\n---\n\n## Features\n\n- **Frontend**: React powered by Vite for fast builds and development.\n- **Backend**: Node.js with Express and ES6+.\n- **Electron**: Cross-platform desktop application framework.\n- **Integrated Workflow**:\n  - Single command to run frontend, backend, and Electron together.\n  - Easy packaging for production with `electron-builder`.\n\n---\n\n## Getting Started\n\n### Prerequisites\n\n- **Node.js**: Install from [Node.js website](https://nodejs.org/).\n\n---\n\n### Installation\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/rahil1202/react-electron-vite-template.git\n   cd electron-react-vite-template\n   ```\n\n2. Install dependencies:\n\n   ```bash\n   npm install \n   cd frontend \u0026\u0026 npm install\n   cd backend \u0026\u0026 npm install\n   ```\n\n---\n\n### Development\n\nTo run the project in development mode:\nGo to root directory\n\n```bash\nnpm run dev\n```\n\nThis will:\n\n- Start the **React frontend** (`http://localhost:5173`).\n- Start the **Node.js backend** (`http://localhost:4000`).\n- Launch the **Electron desktop application**.\n\n---\n\n### Build for Production\n\n1. Build the React frontend:\n\n   ```bash\n   npm run build\n   ```\n\n2. Package the app for distribution:\n\n   ```bash\n   npx electron-builder\n   ```\nIf it fails run terminal as administrator and then run above code again.\n\n3. The packaged app will be available in the `dist/` directory, with name `react-electron-vite-template Setup.exe`\n   You may install it and use it. It can be share across easily\n\n---\n\n### Project Structure\n\n```plaintext\nproject/\n├── backend/            # Node.js backend\n│   ├── src/            # Backend source code\n│   └── package.json    # Backend dependencies\n│\n├── frontend/           # React frontend (with Vite)\n│   ├── src/            # React source code\n│   └── package.json    # Frontend dependencies\n│\n├── electron/           # Electron main and preload scripts\n│   ├── main.js         # Main process\n│   └── preload.js      # Preload script\n│\n├── package.json        # Root dependencies for Electron\n└── README.md           # Project documentation\n```\n\n---\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n---\n\n## Author\n\n- GitHub: [rahil1202](https://github.com/rahil1202)\n- Email: \u003crahilisvahora@gmail.com\u003e\n- LinkedIn:[rahil-vahora](https://linkedin.com/in/rahil-vahora)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frahil1202%2Felectron-react-vite-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frahil1202%2Felectron-react-vite-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frahil1202%2Felectron-react-vite-template/lists"}