A simple file management system with tree structure using React and Node.js.

This project is a Proof of Concept (POC) for a file management system with a tree structure. It allows users to manage folders and files in a hierarchical manner. Users can add new folders, delete folders (excluding root folders), and view the contents in a structured tree view.

The front end is built with React using the RSuite UI library for components and icons. The backend is built with Node.js and Express, with a MySQL database for storing the folder structure.

• Tree View: Display folders and files in a hierarchical tree structure.
• Add Folder: Add new folders to the existing structure.
• Delete Folder: Delete folders (excluding root folders) from the structure.

Clone the project

  git clone https://github.com/SouravBandyopadhyay/Tree_Folder_Structure.git

Go to the project directory

  cd frontend
  cd backend

Install dependencies

  npm install

Start the server(backend) / frontend

  npm run serve / dev

Client: React, RSuite UI library, Axios

Server: Node, Express

Database: MySQL

• https://blog.logrocket.com/creating-react-context-menu/
• https://mikehillyer.com/articles/managing-hierarchical-data-in-mysql/