📂 Electron Folder Tree

A lightweight Electron app that visualizes folder structures with VS Code–style file icons.
Perfect for developers who want a simple, modern file explorer inside a desktop app.

---

🚀 Features

• 📁 Folder Tree View – Expand and collapse directories.
• 🗂️ File Type Icons – Icons mapped to file extensions (e.g., .js, .ts, .html, .css, .md, images, etc.).
• 🎨 VS Code Style Icons – Uses familiar Material Icon Theme look.
• 🖥️ Electron-based UI – Runs cross-platform on Windows, macOS, and Linux.
• 🪟 Custom App Icon – Changeable per platform (.ico, .icns, .png).
• 🔄 Live Reload for Development – With electronmon.

---

📦 Project Structure

electron-folder-tree/
├── assets/
│   └── icons/
│       ├── app.png       # Base app icon
│       ├── app.ico       # Windows icon
│       ├── app.icns      # macOS icon
│       └── file-icons/   # File type SVGs (JS, TS, HTML, CSS, etc.)
├── main.js               # Electron main process
├── preload.js            # Secure bridge to renderer
├── renderer.js           # Frontend logic
├── index.html            # UI template
├── style.css             # Basic styling
├── package.json

---

⚙️ Installation

# Clone repository
git clone https://github.com/yourname/electron-folder-tree.git
cd electron-folder-tree

# Install dependencies
npm install

# Start the app
npm start

---

🔨 Development

• Run with auto-reload:

  npm run dev

• Rebuild app with platform icons:

  npm run build