DEV Community

Cover image for I wrote a fully-functioning File Explorer, using TypeScript.
Justin Maximillian Kimlim
Justin Maximillian Kimlim

Posted on • Updated on

I wrote a fully-functioning File Explorer, using TypeScript.

I am very happy to introduce Xplorer to help you organize your files and/or folders.
Xplorer win

Features

Designed Out Of The Box

Xplorer is not written on traditional language like C, C++ or C#. It is written on TypeScript, HTML and SCSS, using the Electron framework, this makes Xplorer looks much more modern, and it will support theme customization in the future release. There are four available default themes for now.

Cross Platform

As I mentioned, Xplorer is powered by the web because it's written with the Electron framework, this makes it possible to run Xplorer from any platform.

Windows Garuda Linux macOS Catalina
Xplorer win Xplorer linux Xplorer mac

File Preview

preview

I know it's quite annoying to open a file and close to search for the correct file users are searching for. Hence, I've implemented this native file preview feature, see available file types to preview here

Supports Multiple Tabs

support-tabs

Xplorer helps you organize your files easier by supporting multiple tabs :)

and many others more

Installation

You can reach the installer on GitHub release section

About

Xplorer is a File Explorer built on TypeScript, focused on modernization and customization. It will support extension just like VSCode does. (thought by the time I write this documentation, the feature to user to auto generate their theme is not done yet, but it will be ASAP).

Contributors in need.

Links

GitHub link: https://github.com/kimlimjustin/xplorer
Documentation site: https://xplorer.vercel.app

Why it was built using TypeScript?

  • Typed Secured
  • TypeScript/JavaScript has became the most used language.
  • TypeScript has a very strong community.
  • Can be run in various OSes.
  • You can easily write plugin using TypeScript/JavaScript
  • Modern layouts can be built using the HTML and CSS via Electron.
  • I'm bad at C/C++ xD

Any comments will be appreciated :) Thanks

Happy coding! 🎉

Latest comments (106)

Collapse
 
kulbhushanpatel profile image
KulbhushanNPatel

I appreciate your work!

Collapse
 
teodeleanu profile image
Teo Deleanu

Can you make it work like good old Total Commander?
softpedia.com/get/File-managers/To...

Collapse
 
jzombie profile image
jzombie

I like this, on several levels. The Gitpod integration is cool as well, and something that I want to look into more. I'm a huge Docker fan and will be taking some notes from this repo.

Collapse
 
martin2844 profile image
martin2844

This is amazing! Great work!

Collapse
 
bnystrom profile image
Bryan Nystrom

You may want to consider a branding name change since Xplorer and Xplorer2 have been in use for many years for a file explorer by zabkat.com/

Collapse
 
danaharley profile image
danaharley

how old are u justin?
im indonesian too..
great work!

Collapse
 
kimlimjustin profile image
Justin Maximillian Kimlim

I'm on senior high school rn (SMA), 15 yo. Thanks!

Collapse
 
ben profile image
Ben Halpern

Wow

Collapse
 
dkhd profile image
Diky Hadna 💡

Ah, totally forgot to drop a comment on this post 😅

Great job, @kimlimjustin !

I never realize that you're still JHS right now. This is amazing.

Keep up the good work! 🔥🔥🔥

Collapse
 
kimlimjustin profile image
Justin Maximillian Kimlim

TYSM, actually I went to Senior High School just this June haha, is there any place I forgot to update my bio or smth? (though I'm feel I'm still a JHS bcuz of the covid xD)

Collapse
 
dkhd profile image
Diky Hadna 💡

Man, your profile card just beside this post is still showing the junior high school 😄

Thread Thread
 
kimlimjustin profile image
Justin Maximillian Kimlim

Ehhh, don't realize it lol, dev.to setting UX is quite confusing haha, and I rarely use dev.to xd.

Collapse
 
abdurrahmaanj profile image
Abdur-Rahmaan Janhangeer

Its great for a high school student!

Collapse
 
epiccoderjit profile image
Sammo

Magnificent.

Collapse
 
aroxed profile image
Aroxed

Nice app. BTW which library do you use for file/folder tree? Thanks.

Collapse
 
kimlimjustin profile image
Justin Maximillian Kimlim

I use the node.js fs module

Collapse
 
drumnickydrum profile image
Nick Carbone

This is phenomenal. I’m a fan of squeezing every drop out of web tech. Pure coding fun. You have a bright future!

Collapse
 
maximvdw profile image
Maxim Van de Wynckel

Impressive, nicely done. Looking forward to see what future plugins will bring!

Collapse
 
ndh103 profile image
NDH103

So coool

Collapse
 
aldine_ruturi profile image
Aldine Ruturi • Edited

Impressive work Justin really loving the UI. I'm curious to see how well it performs though cz Electron isn't the most efficient framework out there. Well done

Collapse
 
kimlimjustin profile image
Justin Maximillian Kimlim

Migrated to Tauri! Wrote a blog about it, check it out!
dev.to/kimlimjustin/xplorer-a-mode...

Some comments may only be visible to logged-in visitors. Sign in to view all comments.