Project in PHP using JavaScript, Bootstrap, and MySQL on hosting

Hello!

It is necessary to create a tool, the main goal of which is to allow the creation of "projects" (pages with content, more on this later), and pages within these projects that can have elements (only for creating xml, without product cards, etc.) in PHP using JavaScript, Bootstrap, and MySQL on hosting.

If possible: Elements are loaded without reloading the interface.

Maximally simple authorization (the user is added through the database), but it is required (id, username, md5 password).

Design: 

Horizontal top menu with two pages and a dropdown and a button for LogOut: 

• Dashboard (main) - empty page.
• Projects (main working page)

There will be two working areas:

• Left side (like a vertical menu): creating projects and pages.
• Right side (editing content of selected pages)

Everything using Bootstrap elements. Preferably without interface reloads.

More details:

Left side:

There is a button "Create Project" (creates the main page level 0). After clicking, a PopUp opens with the option to enter the project name.

After creation: A new level 0 element appears on the left side and has a button [+] to the right of the name, for creating a child page for this page (level 1).

And further, allow creating pages and child pages to them and display them in a user-friendly way, hide and show child elements  (for example, like in the Notion service (screenshot below. Unfortunately, it does not display the elements for adding new pages and hiding/showing child elements).

Example structure in one project:

Project1

 - Page_1

 - Page_2

   -- Page_2_1

   -- Page_2_2

     --- Page_2_2_1

     --- Page_2_2_2

 - Page_3

   -- Page_3_1

   --- Page_3_1_1

   --- Page_3_1_2

   -- Page_3_2

   -- ... and so on

* the example shows a nesting of 3 levels, but at least 5 levels are needed.

Right side: (When clicking on the page name in the left menu)

Has 5 text fields, among which:

1. input: Page name (for editing) name
2. input: test1
3. input: test2
4. input: test3
5. Field: textarea

Button "Save changes" and button "Delete page" (Important: a page can be deleted if it has no child elements/pages).

Final task:

After all this, it is necessary to generate xml for the project somewhere (1 project - 1 xml), which will contain the hierarchy and elements that are the pages of the project.

I provide: Access to FTP, Access to the database (empty)

Or execution on your hosting with a demonstration of functionality and transfer of code via freelancehunt.

I have tried my best to describe the required functionality.

If you are free and ready to take on this task - please send me your proposal for execution. I also answer questions about the task.

Thank you for your attention.