A React.js web application that lets you explore and manage files and folders — just like VS Code’s file explorer!
You can add, edit, and delete files or folders dynamically within a nested structure.
✨ Key Features -->
📁 Add Folder – Create new folders at any level. 📄 Add File – Add new files within any folder. ✏️ Rename / Edit – Update file or folder names dynamically. ❌ Delete – Remove any file or folder with proper re-rendering. 🔄 Recursive Rendering – Folder structure updates instantly on any action. ⚛️ Fully Built in React – Uses hooks like useState and useEffect for state management.
🧠 Concepts Used -->
React Functional Components useState and Recursive Rendering Dynamic UI updates Conditional rendering for files vs folders Component reusability Props drilling and state handling
Follow these simple steps to run the project locally:
git clone https://github.com/your-username/file-explorer-app.git
cd file-explorer-app
npm install
npm run dev