node package manager
Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org ยป


Two-pane file manager for the web.


Login/Password: guest/guest


  • Backend is Sails v1 application on Node v8

    Custom ORM adapter is created for file system access. Basically, I am using ORM models and queries to work with the shares and files.

    The rest is simple REST server accessed via WebSockets.

    Backend is under api/ directory.

  • Frontend is React/Redux on Bootstrap 4

    Fully responsive application created using Reactstrap, which is Bootstrap 4 for React, using custom CSS when needed (mainly flexgrid).

    Initial markup comes prepared on the server utilizing Server-Side Rendering.

    Frontend is under assets/js/ directory.

  • Everything is powered by JavaScript ES2017, native on Node and processed with Babel/Webpack for the browser.


  1. Install Node v8 and Redis according to your OS way of doing so.

  2. Get the sources:

# git clone
# cd webfm
# cp webfm.conf.example webfm.conf
# yarn install --prod

NOTE: If you are going to use build commands then remove --prod from the yarn arguments above.

I recommend using yarn for the dependencies and pm2 for starting as system service.

Edit the initial webfm.conf file, add your users and shares. User password is SHA256 hash of a password actually - don't put the real password there. Shares are defined as items in read[] or write[] array of the user section. You will find the example in the config file.

  1. Start

Do yarn start or npm start to start the thing. To make it permanent you can do pm2 start ./ecosystem.config.js --env production (this ecosystem.config.js file is in the repo).


In order to build production bundles use yarn run build (after that run yarn start to start the server).

Development version is built using yarn run build:dev - this command will not terminate but will watch the files for changes, recompiling the bundle when need. In another terminal run yarn run start:dev to start dev version of the server.

Development bundles are excluded from the repo, but production bundles should be committed into it so you will not have to run build task on hosting server.




  • Turn this React/Redux demo into a real application for everyday use.