File Manager Web Application

The File Manager Web Application is a powerful and user-friendly tool for organizing, managing, and accessing files. Built using the MERN (MongoDB, Express, React, Node.js) stack, this application offers advanced features such as grouping files, searching, secure remote access, and various file operations. With its intuitive interface and robust functionality, it is designed to simplify and enhance your file management experience.

Installation

To install the application, run the following command:

npx @mudittiwari13/node.js-file-manager install

Steps to Run

• Install ngrok for your operating system.
• Sign Up on the ngrok official website to get the auth token.
• Paste the below command in your after launching ngrok.

ngrok config add-authtoken <auth_token>

• Run the command

ngrok config edit

• paste the below configuration below the agent config and save the file.

tunnels:
  backend:
    proto: http
    addr: 8080
  frontend:
    proto: http
    addr: 3000

• Now Run the below command to run both services.

ngrok start -all

• Now add the backend service url in the .env file of frontend.

• Run the below commands in your project directory to run both services.

cd frontend
npm start
cd backend
npm start

• default username and password is admin. You can change it in the .env file of backend.

🔥 Key Features

File Operations Simplified

• 📂 Download Files: Select and download files with a single click.
• ✏️ Rename Files: Quickly rename files without hassle.
• 📋 Copy and Cut Files: Copy or move files to a different directory seamlessly.
• 🗑️ Delete Files: Remove files you no longer need.

Intelligent File Grouping

• 🗂️ Group by Type: Automatically organize files by their extensions (e.g., PDF, JPEG).
• 📅 Group by Date: Sort and organize files based on their modification dates.

Advanced Search and Filter

• 🔍 Search Files: Locate files using keywords, size ranges, or date ranges.
• 📏 File Size & Date Filters: Filter files to include only those matching specific size or age criteria.

Directory Selection

• 🗄️ No Manual Input: Use the Directory Selector to easily navigate and choose directories.

Access from Anywhere

• 🌐 Public Network Access: Access your file manager remotely using Ngrok.

Built-in Security

• 🔒 Username and Password Authentication: Keep your files secure with user authentication.

Recursive Directory Operations

• 🔁 Nested Directory Support: Perform actions on files in subdirectories automatically.

🚀 Usage Guide

Select a Directory

1. Click "Select Directory" in any operation tab.
2. Use the Directory Selector to navigate and pick a folder.

Manage Files

📥 Download Files

1. Select the file from the file list.
2. Click the Download button to save it locally.

✏️ Rename Files

1. Right-click on the file and choose Rename.
2. Enter the new name and confirm.

📋 Copy and Cut Files

1. Select the file(s) to copy or move.
2. Use the Copy or Cut button, then choose a destination directory to paste.

🗑️ Delete Files

1. Select the file(s) you want to delete.
2. Click the Delete button and confirm.

Group Files

🗂️ Group by Type

1. Navigate to the "Group Files by Type" tab.
2. Select a directory and the file extensions to group.
3. Click Group Files to organize files by their type.

📅 Group by Date

1. Go to the "Group Files by Date" tab.
2. Select a directory and the file extensions.
3. Click Group Files to organize files by modification dates.

Search Files

1. Open the Advanced Search tab.
2. Set the search criteria, such as file name, size range, or date range.
3. Click Search Files to view the results.

Secure Access

1. Authenticate using your username and password to access the file manager.
2. Work securely even over public networks with Ngrok's tunneling service.

⭐ Why Choose This File Manager?

• ✅ User-Friendly Interface: Intuitive design for seamless file management.
• ✅ Cross-Network Access: Use it locally or access it from anywhere with Ngrok.
• ✅ Robust Security: Protect your data with authentication mechanisms.
• ✅ Advanced Functionality: Features like file grouping, advanced search, and filtering make file management effortless.

🎉 Experience a new level of file management today!