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! 🎉

Oldest comments (106)

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

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

Collapse
 
orisa profile image
orisa

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

Collapse
 
kimlimjustin profile image
Justin Maximillian Kimlim

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

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

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

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

Thanks haha

Collapse
 
m1911star profile image
Lee Danny • Edited

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

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

Collapse
 
kimlimjustin profile image
Justin Maximillian Kimlim

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

TYSM, any feedback will be appreciated :)

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

Hahaha

Collapse
 
cheks profile image
Cheks

Great job Justin! 🔥🔥🔥

Collapse
 
kimlimjustin profile image
Justin Maximillian Kimlim

Thanks

Collapse
 
bencoderus profile image
Benjamin Iduwe

This is an awesome job

Collapse
 
kimlimjustin profile image
Justin Maximillian Kimlim

Thanks!

Collapse
 
insidiousthedev profile image
Insidious

This looks dope! Keep up the great work!

Collapse
 
kimlimjustin profile image
Justin Maximillian Kimlim

Thanks!

Collapse
 
iamfoxx profile image
jerry Almeida

Wow you kill it, congrats man

Collapse
 
kimlimjustin profile image
Justin Maximillian Kimlim

Thanks!

Collapse
 
rajkumar17 profile image
Raj Kumar M

Amazing work! Justin

Collapse
 
kimlimjustin profile image
Justin Maximillian Kimlim

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

Collapse
 
midhatahir profile image
Midha

Woah!! Its amazing. I will definitely try out this.

Collapse
 
kimlimjustin profile image
Justin Maximillian Kimlim

Thanks! Any feedback will be appreciated :)

Collapse
 
zayidu profile image
Zayidu A

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

Collapse
 
kimlimjustin profile image
Justin Maximillian Kimlim

Thanks!

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