RClone Drive Web UI

Description

The RClone Drive Web UI is a RClone client that provides an easy-to-use web interface to view and manage your files on RClone. It uses your RClone instance's Remote Control to connect to your cloud drives.

Features

• Navigate and see files in directories and remotes
• See images and files in detail
• View and scroll through all pictures recursively (like Google Photos) with lazy-loading
• Upload files and folders easily via drag-and-drop with web workers
• Copy and move files between and within remotes asynchronously with web workers
• Delete files asynchronously with web workers
• Set theme to dark mode
• Clear trash can on selected cloud providers and remotes
• Search for files and images across remotes

Walkthrough

Refer to this doc for a detailed walkthrough. However, here are a few screenshots:

Setup / Getting Started

1. Install dependencies by running yarn install

2. Start your RClone instance:

   1. If your RClone config is in its default location, run:

      rclone rcd --rc-allow-origin 'http://localhost:3000' --rc-user='local' --rc-pass="1234" --rc-serve

   2. Else, if it is in a different location, run:

      rclone rcd --rc-allow-origin 'http://localhost:3000' --rc-user='local' --rc-pass="1234" --rc-serve --config <Path to RClone config>

   More info is at the RClone docs

3. Run this app in development mode by running yarn start-dev. You can access your local build on http://localhost:3000 on your web browser.

Useful Scripts for Local Development

1. yarn test

   Runs all test cases. To run only one test case, specify the relative path to the test like yarn test src/pages/FilesPage/__tests__/index.test.js

2. yarn build

   Builds the app in production mode

3. yarn lint

   Checks code formatting. To automatically fix code formatting, run yarn lint:fix

4. yarn start-dev:

   Starts the app in development mode

Usage

Please note that this project is used for educational purposes and is not intended to be used commercially. We are not liable for any damages/changes/lost data done by this project.

Credits

Emilio Kartono, who made the entire project. Illustrations are from https://undraw.co/.

License

This project is protected under the GNU licence. Please refer to the LICENSE.txt for more information.