Task Description: Folder Manager React App Objective: Create a web application using React that allows users to manage folders and subfolders dynamically. The app should enable users to create folders, nest them inside each other, and provide an interactive interface for effective folder management. Provide the complete React application source code github public repo. Include necessary documentation to set up and run the application. Discuss any challenges faced and how they were addressed. Include a brief overview of the technologies and libraries used.
-
Folder Tree View
-
Folder Breadcrumb
-
Context Menu For Folder/File
-
Global Context Menu
-
Add Folder
-
Delete Folder (Delete Warning Message)
-
Rename Folder
-
Same Name Alert in Same Folder
-
Change Folder Color
-
Copy Folder
-
Cut Folder
-
Paste Folder
-
Duplicate Folder
-
Global Search
-
Sort By Alphabetically, Folder, File
-
Drag and Drop
The Folder Manager Application is built using the following technologies and libraries:
-
React
-
Typescript
-
React Redux
-
Redux Toolkit
-
React Modal
-
Styled Components
-
UUID:
-
Material UI
-
Material Icon: Customizable toast notification library for React.
1. Clone the repository
git clone https://github.com/funny2code/file-manager.git
2. Install the required dependencies
npm install
3. Start the development server
npm run dev
4. Access the application at
http://localhost:3000 or Your Local URL
- Javascript, Typescript
- ReactJs, Redux, Toolkit
- React Modal
- Material UI, Material Icon
- Styled Component (Styling)
- UUID
Pull requests are welcome but please open an issue and discuss what you will do before 😊
Feel free to post if you run into any issues or have questions, ideas or concerns. Please enjoy and feel free to share your opinion, constructive criticism, or comments about my work. Thank you! 🙂
This project is open-sourced under the MIT license.
Live demo (Feel free to visit) 👉🏻 : https://codesandbox.io/p/github/funny2code/file-manager/main