My Cloud - dropbox app

CRUD operations on client side

Endpoints: 
 folder - `/api/folders/`
 file - `/api/files/`
GET:
 * get folder by `id` (params), with all of its content.
POST:
 * add one folder (must have a uniqe name): 
 request body: `name`, `folder` (parent folderId).
 * add one file:
 request body: `name`, `file`, `folder`(parent folderId).
PUT: 
 * update file name (`id`, `name`).
 * update folder name (`id` , `name`).
DELETE
 * delete folder by `id`(params) , with all of its content.
 * delete file by `id` (params).

Models / interfaces

Mongo file:

{
 _id: string;
 name: string;
 fileName: string;
 folder: string;
}

Mongo folder:

{
 _id: string;
 name: string;
 folder: string;
}

folder response:

{
 folderId: string;
 folderName: string;
 folders: mongo folder[];
 files: Mongo file[];
 parentFolder: string | null;
}

Project frameworks / dependencies

React client:

react.js
react-router-dom
react-bootstrap / bootstrap
react icons 

Server:

node.js
express.js
express-fileupload
mongodb
mongoose
uuid
dotenv
cors

Deatabase:

mongoDb