🚀 Meet Your Ultimate Electron.js Starter Kit!

Welcome to the Electron React Template — the all-in-one, production-ready boilerplate that supercharges your desktop app development. Whether you’re building a simple tool or a complex cross-platform powerhouse, this template packs everything you need to hit the ground running.

---

🧰 What’s Inside? Batteries Included!

• Modern Tech Stack: Electron, Vite, React, TypeScript, Mantine, and Sass — all preconfigured.
• React Routing: Out-of-the-box support for multi-page navigation.
• Python Integration: Effortlessly run Python scripts from your Electron app.
• IPC Magic: Robust main/renderer communication with Electron IPC.
• Hot Reload: Instant feedback with blazing-fast Vite HMR.
• Production-Ready: Electron Builder, ESLint, Prettier, and more.
• Clean Structure: Scalable, organized folders for real-world projects.

---

⚡ Why Choose This Template?

• Zero Setup Hassle: Clone, install, and start coding — no config headaches.
• Cross-Language Power: Integrate Python workflows for ML, automation, or data crunching.
• UI That Pops: Mantine + Sass = beautiful, accessible interfaces.
• Code Quality First: Linting, formatting, and TypeScript for bulletproof code.
• Easy Routing: Built-in React Router for seamless navigation.

---

🏗️ Project Structure at a Glance

.
├── src/
│   ├── app/           # Electron main process & utilities
│   ├── py-utils/      # Python scripts for integration
│   └── ui/            # React frontend (with routing & pages)
├── app-icon.ico
├── electron-builder.json
├── eslint.config.js
├── index.html
├── package.json
├── postcss.config.cjs
├── README.md
├── tsconfig.*.json
├── types.d.ts
├── vite.config.ts

• src/app/: Main process, preload scripts, IPC handlers, and utilities.
• src/py-utils/: Python scripts ready to be called from Electron.
• src/ui/: React app with pages, routing, and styles.

---

🚦 Quick Start Guide

1. Clone the Repo

git clone <super-secret-repo-url>
cd electron-react-template

2. Install Dependencies

npm install

3. Run in Development

npm run dev

4. Build for Production

npm run build

5. Lint & Format

npm run lint
npm run format

---

🧑‍💻 Integrate Python (or Any Language!)

• Drop your Python scripts in src/py-utils/.
• Use Node’s child_process or Electron IPC to call them from your app.
• Example: Run ML models, automation scripts, or data processing — all from your desktop UI!

💡 Instantly run Python scripts from your app — Python integration is ready out of the box!

---

💬 Communication Made Easy

• IPC Channels: Send messages between main and renderer with prebuilt handlers.
• Preload Scripts: Securely expose APIs to your React frontend.

---

Start building. Ship faster. Wow your users.