DEV Community

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

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

Justin Maximillian Kimlim on September 25, 2021

I am very happy to introduce Xplorer to help you organize your files and/or folders. Features Designed Out Of The Box Xplor...
Collapse
hb1998 profile image
Habeebur Rahman

Electron is ram hungry. You should consider tauri github.com/tauri-apps/tauri
It uses edge view and is very light weight.
It will definitely suit your needs. Although watch out for some incompatibilities, it's still in beta.

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

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

Collapse
urielsouza29 profile image
Uriel dos Santos Souza
Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

I'll try it when I got time :) Thanks

Collapse
posandu profile image
Posandu

And please remove that tilt effect

Thread Thread
kimlimjustin profile image
Justin Maximillian Kimlim Author

Removed, you can try the master branch if you want to

Collapse
piperunner profile image
Aakash Mallik

Recently came across tauri. Definitely planning to use it soon. As compared to other UI libraries for rust, do you think tauri consumes more resources?

Collapse
hb1998 profile image
Habeebur Rahman • Edited on

Definitely no. It consume less resources and its almost 1/50th of the storage space compared to electron for a hello world app. My only problem was its still in beta and I was stuck in places where I couldn't find any solution or libraries.. So i was forced back to electron.

Thread Thread
piperunner profile image
Aakash Mallik

Aah. I see. Thanks for the heads-up.

Collapse
mohithgupta profile image
K.Mohith Gupta

Impressive Justin!! Will try to contribute if I can....
Keep up the good work, you are an inspiration....

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks! Any PRs will be welcomed :) Also, please drop a star if you like to haha

Collapse
alfredbaudisch profile image
Alfred Reinold Baudisch • Edited on

As much as this drives me insane - the case of trying to fit Javascript and Electron everywhere - I see all the merit of your creation, that this is a very good portfolio piece and learning exercise for you and a very good use case for those interested in trying to learn the stack, so good work, Justin! Impressive considering your profile says you are junior from high school! With a piece of work like this, you are ready to be hired for frontend development work!

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

TYSM for your feedback :)

Collapse
djekanovic profile image
Dimitrije Djekanovic

Just checked it.
First few things i noticed:

  • On resize, windows are slow and buggy.
  • Icon spacing is really low, doesn't feel right.
  • Design needs more work but it's a good path.

In terms of stability, I am wondering, is it possible to happen that some file gets corrupted or lost?

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks for your feedback, I'll try my best to improve it.

For the stability, I've never experienced nor got report about files getting corrupted.

Collapse
ledmirage profile image
ledmirage

impressive work, just some quick feedback

  • need better support of shortcut key, preferably similar to existing windows explorer, just personal preference, but should not matter if its configurable
  • if aiming to be a productivity tool, i would suggest to cut down on the animation and focus more on getting the feature to work fast (memory not so big a concern for me tho, but good if we can reduce memory usage)
Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks for your feedback, if could, could you please list the shortcut keys and the features you want to add into? (you can open github issue/discussion if you want to).

Collapse
halimsamy profile image
Halim Samy

I would say that the word "AWESOME" isn't expressive enough! Keep going!

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks haha

Collapse
javanani profile image
JAVA NANI

Cool app but I am a noob, can you tell me how you get the information of files and directories using typescript πŸ€”πŸ€”πŸ˜…

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

You can do this by using the node js fs module, note that this only can be done the node process

Collapse
javanani profile image
JAVA NANI

Thanks and any resource for learning ts I didn't find one

Collapse
codewithpom profile image
Padmashree Jha

I am on windows-7 I liked the graphics in the images but I cannot use it on my computer when I start it it does not open and the task manager shows that it's processes are running. Please help I want to use it.

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Does your windows 7 on 32 bit? If your computer use 64 bit and the processes are running, try restart your computer and open it again, if you use 32 bit, actually Xplorer doesn't officially support it for now, but I can build it for you (Please note that it will crash everytime Xplorer release a new version that you have to ask the latest 32 bit binary installer from me, this is because Xplorer use electron-updater which will automatically fetches the latest update and if I enable this for 32 bit, the installer will go as bigger as twice, hence I decided to not offcially support it for now, but I will try my best to support 32 bit officially)

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 Author

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 Author

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

Collapse
evyatarel profile image
evyatarel

Very impressive !!!! wow, gorgeous application.
I have one question; Does it support column view like mac file explorer does?

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

You can change layout by right clicking -> click on Layout -> select one of four default layouts. (Will add more in future release)

Collapse
evyatarel profile image
evyatarel

Thank you Justin

Collapse
aldine_ruturi profile image
Aldine Ruturi • Edited on

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 Author

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

Collapse
ndh103 profile image
NDH103

So coool

Collapse
maximvdw profile image
Maxim Van de Wynckel

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

Collapse
zayidu profile image
Zayidu A

Wow, its very nice, Tried it! Keep up the great work!

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks!

Collapse
martin2844 profile image
martin2844

This is amazing! Great work!

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
danaharley profile image
danaharley

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

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

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

Collapse
ben profile image
Ben Halpern

Wow

Collapse
abdurrahmaanj profile image
Abdur-Rahmaan Janhangeer

Its great for a high school student!

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
gillarohith profile image
Rohith Gilla

Very impressive!!

Collapse
hunter55 profile image
Nafi

Oh this is sick man!
I just started building a file explorer with Node.Js.
Great inspiration!!

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks!

Collapse
lohnsonok profile image
lohnsonok

It's amazing great work πŸ‘ !

Collapse
adgamerx profile image
Aman Dutt

bro that last point is relatable af πŸ˜‚

Collapse
lordsmurf profile image
LordSmurf

This looks awesome. Can't wait to test it out!

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks, any feedback will be appreciated :)

Collapse
mightycoderx profile image
MightyCoderX • Edited on

I think that the icons on the left are a bit too crammed, but everything else it's awesome (in my opinion)!

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Will refactor it, thanks!

Collapse
mightycoderx profile image
MightyCoderX • Edited on

Completing this project must have been so rewarding, that's very cool. That's also plenty inspiring! And a fantastic thing for your resume

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks!

Collapse
abhijithganesh profile image
Abhijith Ganesh

This is wonderful Justin, I am throughly impressed by this, thank you for this

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks!

Collapse
zplusfour profile image
zplusfour

This is very cool!

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks!

Collapse
optimbro profile image
Rahul

Inspiring post πŸ™‚ for me 🀠

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks haha

Collapse
brunovitorprado profile image
Bruno Prado

Very very impressive. Congratulations for this job!

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks!

Collapse
djekanovic profile image
Dimitrije Djekanovic

Finally something for Windows that is nice

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks haha, any feedback will be appreciated :)

Collapse
mrslima profile image
Daniela Lima

This is amazing! My Windows was needing a better file explorer. That shit only supports one tab.

Now i can have a beautiful, clean and useful filexp..

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks haha

Collapse
rajkumar17 profile image
Raj Kumar M

Amazing work! Justin

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks! Please try it out, any feedback will be appreciated :)

Collapse
iamfoxx profile image
jerry Almeida

Wow you kill it, congrats man

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks!

Collapse
bencoderus profile image
Benjamin Iduwe

This is an awesome job

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks!

Collapse
insidiousthedev profile image
Insidious

This looks dope! Keep up the great work!

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks!

Collapse
luizc91 profile image
LuizC91

Superb job, Justin. Maybe it will become a standard file explorer for some Linux distributions in the future.

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks! Actually I was planning to create a distro of my own after the stable version (1.0.0) of Xplorer released xd.

Collapse
cheks profile image
Cheks

Great job Justin! πŸ”₯πŸ”₯πŸ”₯

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks

Collapse
ajitesh3210 profile image
J AJITESH

I'm bad at C/C++ xD

This point is common among new developers like the modern age teenagers and young adults. They prefer and like new programming languages like JS or Py or React like me.

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Hahaha

Collapse
emmanuelchucks profile image
Emmanuel Chucks

Loving the modern UI just from the screenshots, would love to try it out on my Linux machine soon

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

TYSM, any feedback will be appreciated :)

Collapse
m1911star profile image
Lee Danny • Edited on

Hi there, in your homepage,the link for electron is wrong
xplorer.vercel.app/

dev-to-uploads.s3.amazonaws.com/up...

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Oh, thanks for your comment, I didn't realize it, will update it soon

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Erm, really sorry but I think this is a bug caused by the Docusaurus (Xplorer docs is written on it) cuz I wrote the correct link and it's okay on development but the bug occured on production. I'll open an issue there.
Meanwhile, if you are interested on Electron, here's the link: electronjs.org/

Collapse
orisa profile image
orisa

Awesome. Which library did u use to build the dasho layout

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks, actually all of the layout was built using HTML and CSS, you can inspect those element by typing Ctrl + Shift + 'I' tho.

Collapse
luiserp profile image
luiserp

Wow that's pretty nice!!!! I always wanted to do something like that.

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

Thanks!

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
aroxed profile image
Aroxed

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

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

I use the node.js fs module

Collapse
mohdsalmanshaikh63 profile image
mohdsalmanshaikh63

Awesome man! I want to learn building apps from electron for freelance projects to earn some extra cash but don't have time for it! Will definitely install this! Great job man!

Collapse
kimlimjustin profile image
Justin Maximillian Kimlim Author

TYSM. You can try learn electron by contributing to Xplorer haha, if you got into problem, you can ask me :)