A File manager with React Frontend and Rails Backend. Allows users to manage their files and folders seamlessly. The app uses Minio for object storage, ensuring that the structure in the File Manager UI mirrors the structure in Minio, providing a reliable and intuitive user experience. Additionally, the app features real-time updates with ActionCable, allowing users to see changes immediately as they happen.
-
Folder Management:
- Create Folder
- Create Nested Folder
- Rename Folder
- Remove Folder
- Get Folder List
-
File Management:
- Create File
- Create File inside a Folder
- Rename File
- Remove File
- View File
- React 18: Framework
- Zustand: State management library
- Shadcn: Component library
- ActionCable: Real-time updates
- Zod: Schema validation
- When accessing BE documentation you need follow the steps
Dependencies installed on your machine
- Node.js version 14.0.0 or higher
- Npm or Yarn
-
Clone the repository:
git clone https://github.com/voidzenn/file_manager_fe.git cd <repository-name>
-
Rename .env.example to .env:
mv .env.example .env
-
Install dependencies:
npm install # or yarn install -
Run the app:
yarn dev
-
Access the web application:
Open your browser and navigate to http://localhost:3001