Skip to content

seniya/electron-finder-normal

Repository files navigation

Simple-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.

ex_screenshot1

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

Installation

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

inder_sample_01
inder_sample_02
inder_sample_03

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 www.flaticon.com

At the end

Sorry that my english 😝