This is an UI only demo of a web file manager, written using React and Redux.
It is a web UI which allows a user to navigate through a folder structure (dummy) just like a normal desktop file system (Explorer in Windows and Finder in OSX).
- The webapp mounts to the root route i.e. “/” . This would list all subdirectories to root.
- The app will also display the “current path” in the navbar
- Double clicking a directory should update the “current path” as well as change the view with all the files & folders present inside this new directory.
- There will be a Up button which will lead you one step above in the directory structure.
- On right click of a file/folder, secondary menu popups with 3 options
- Open - navigate into the folder, open info popup
- Get Info - Opens info popup for both file & folder.
- Delete - remove file/folder from the system
- Each folder would have an Create/Add button, which would trigger a popup to create a new file/folder with associated meta fields - name(with extension for files), creator, size and date
- Local search
- Global search
- Optimize store/model (using immutable.js)
- Write tests