Mini File Explorer

A modern and responsive Mini File Explorer web application inspired by desktop file managers like VS Code Explorer and Google Drive.

The application allows users to manage folders and text files using a clean hierarchical tree structure with real-time navigation and editing capabilities.

---

Quick Links

Frontend Repo : https://github.com/sujonbiswaseng/Mini-File-Explorer.git

Live Demo : https://mini-file-explorer-mu.vercel.app

---

Key Features

📁 Folder Management

• Create folders
• Rename folders
• Delete folders recursively
• Nested folder support
• Expand/Collapse folder tree

📄 File Management

• Create text files
• Rename files
• Delete files
• Open and edit file content
• Save text content

🧭 Navigation

• Sidebar tree navigation
• Folder content preview
• Active folder selection
• Responsive two-panel layout

💾 Data Persistence

• Local storage support
• Persistent data after refresh

🎨 UI/UX

• Responsive design
• Clean and modern interface
• Reusable components
• Smooth user experience

---

🛠️ Technology Stack

Frontend

• Next.js
• TypeScript
• Tailwind CSS

State Management

• Local Storage

---

Setup Instructions

git clone https://github.com/sujonbiswaseng/Mini-File-Explorer.git

cd Mini-File-Explorer

npm install

npm run dev

---

Project Structure

src/
 ├── actions/
 ├── app/
 ├── components/
 ├── context/
 ├── hook/
 ├── lib/
 ├── services/
 ├── types/
 └── validations/

---

Core Functionalities

• Tree-based folder structure
• Recursive folder rendering
• CRUD operations
• File content editing
• Responsive layout
• Persistent storage

---

About

A modern Mini File Explorer application for managing folders and text files with hierarchical navigation, recursive operations, and editable text file support.