Black Lives Matter. Support the Equal Justice Initiative and read our statement here.


This application is a basic function of file finder.


First of all, I would like to thank GitHub Desktop and Jeff Galbraith.

This application is a basic function of file finder. The purpose of this application is to see the basic functions and possibilities of Electron through a relatively simple project.

I hope many people can learn the function of Electron easily through the source of this project.


Functions and Features

Top feature: Local System File Explorer (Windows 10 only)

  • Moving drives and folders using the TreeView Component
  • Reactive sorting of contents
  • Output meta information from images and music files
  • Implementing Favorites for Folders
  • Dynamic Application Layout
  • Sure MIT License

Learning Point

  • You can learn about basic electron functions and the use of vuejs.
  • You can learn folder and file navigation using node FS module.
  • You can learn the TreeView UI function through recursive navigation.
  • You can learn the synchronous and asynchronous functions of ipcMain and ipcRender.
  • You can learn how to get meta information and images through exifr and music-metadata.
  • You can learn how to use IndexedDB through the Favorites feature using idb.

I Hope. After analyzing this source, you will be able to create your own cool application.

Development environment Summary

I started development with vue-cli-plugin-electron-builder. and ,

os: windows 10
node: 12.18.3
electron: ^9.0.0
vue: ^2.6.11
vuetify": ^2.2.11
eslint: ^6.7.2


Download the latest release from the releases page Or Clone git Repository.

// if you clone this git repository

npm install
npm run electron:serve  <-- DEV MODE
npm run electron:build  <-- BUILD MODE

More screenshot


Thanks once again

  1. The main design of this application was brought from GitHub Desktop.
  2. The basic idea of this application came from Jeff Galbraith.
  3. Main Icon By Freepik from

At the end

Sorry that my english 😝

Basic Usage Basic Usage
Change List Type Change List Type
Favorite Folder Favorite Folder
Get MetaInfo Get MetaInfo

Something missing? Edit this app.

Keyboard Shortcuts

Key Action
/ Focus the search bar
Esc Focus the search bar and cleans it
Select the next search result
Select the previous search result
Enter Open the selected search result
cmdEnter Ctrl+Enter Open the selected search result in a new tab