A responsive and interactive file explorer component built with React. This application provides a dual-pane interface with a navigation tree on the left and a content grid on the right, allowing for seamless file and folder browsing.
Live Preview: https://react-file-explorer-normalized-data.onrender.com
- Dual View Interface: A synchronized tree view in the sidebar and a grid view for the main content.
- Folder Navigation: Navigate through the folder structure by clicking on folders in either view.
- Item Selection: Select any file or folder, with visual feedback in both the tree and grid views.
- Breadcrumb Navigation: Easily track your location and navigate back to parent directories using the breadcrumb trail.
- Collapsible Tree: Expand and collapse folders in the sidebar's tree view to explore the hierarchy.
- Centralized State Management: Built with modern React hooks for efficient and predictable state management.
To get a local copy up and running, follow these simple steps.
- Node.js and npm (or yarn)
- Clone the repo
git clone https://github.com/your_username_/Project-Name.git
- Install NPM packages
npm install
- Start the development server
npm start